@base-framework/ui 1.2.51 → 1.2.54

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

@@ -1,9 +1,9 @@
-import { I as E, Span as u, Button as v, OnState as M, Div as o, Legend as ft, Fieldset as gt, H4 as Ge, P as k, Label as H, Checkbox as ge, Input as p, Textarea as Ke, UseParent as V, Img as me, H5 as mt, H2 as Z, Form as bt, Header as ee, Footer as be, A as Qe, H3 as xe, Nav as pe, Ul as te, Li as ye, OnStateOpen as we, On as J, Dialog as xt, Th as Je, Thead as pt, Tr as yt, Table as ve, Time as wt, H1 as vt } from "@base-framework/atoms";
-import { Atom as i, router as X, Jot as P, Component as S, Html as Xe, Data as O, Events as j, DateTime as se, NavLink as kt, DataTracker as Ze } from "@base-framework/base";
-import { Icons as h } from "./icons.es.js";
-import { Timer as Ct, TableBody as St, DataTableBody as $t, ScrollableTableBody as Dt, List as It } from "@base-framework/organisms";
-import { F as W } from "./format-DE4rFWuD.js";
-import { F as Tt } from "./bside-template-C7AQgQ6H.js";
+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 { 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 = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
@@ -12,15 +12,15 @@ const Mt = {
   xl: "w-12 h-12",
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
-}, he = i((e, t) => {
+}, fe = i((e, t) => {
   const s = Mt[e.size || "sm"];
-  return E({
+  return U({
     ...e,
     // @ts-ignore
     class: `stroke-current icon-size ${s} ${e.class || ""}`,
     html: t[0]?.textContent
   });
-}), Ie = {
+}), Te = {
   xs: "w-4 h-4",
   // 16px - matches Icon
   sm: "w-6 h-6",
@@ -35,7 +35,7 @@ const Mt = {
   // 56px - matches Icon
   "3xl": "w-16 h-16"
   // 64px - matches Icon
-}, Te = {
+}, Pe = {
   xs: "16px",
   sm: "24px",
   md: "32px",
@@ -48,9 +48,9 @@ const Mt = {
   filled: "material-symbols-filled",
   rounded: "material-symbols-rounded",
   sharp: "material-symbols-sharp"
-}, Pe = i((e) => {
-  const t = e.size || "sm", s = e.variant || "outlined", n = Ie[t] || Ie.sm, a = Te[t] || Te.sm, l = Me[s] || Me.outlined;
-  return u({
+}, 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;
+  return f({
     ...e,
     // @ts-ignore
     class: `inline-flex items-center justify-center ${l} ${n} ${e.class || ""}`,
@@ -62,14 +62,14 @@ const Mt = {
     name: void 0
     // @ts-ignore
   }, e.name);
-}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? he(e, t) : typeof t == "object" && t.name ? Pe({
+}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? fe(e, t) : typeof t == "object" && t.name ? Be({
   ...e,
   name: t.name,
   variant: t.variant || e.variant || "outlined"
-}) : typeof t == "string" ? Pe({
+}) : typeof t == "string" ? Be({
   ...e,
   name: t
-}) : he(e, t) : null, Da = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, Ia = (e) => typeof e == "string" && e.includes("<svg"), Be = {
+}) : 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 = {
   gray: {
     backgroundColor: "bg-gray-50",
     textColor: "text-gray-600",
@@ -150,22 +150,22 @@ const Mt = {
     textColor: "text-foreground",
     ringColor: "ring-white/10"
   }
-}, Pt = (e) => Be[e] || Be.gray, Bt = (e, t = {}) => {
-  const s = Pt(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, l = t.ringColor ?? s.ringColor;
+}, 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}`;
-}, Ta = i((e, t) => {
-  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: r, ringColor: c, ...f } = e, m = Bt(s, { backgroundColor: l, textColor: r, ringColor: c });
-  return u({ ...f, class: m }, [
+}, 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 });
+  return f({ ...u, class: h }, [
     n ? x({ size: a, class: "mr-1" }, n) : null,
     ...t || []
   ]);
 });
-let B = globalThis.history?.state?._pos ?? 0;
-const ze = B, fe = /* @__PURE__ */ new Map(), le = (e) => (e || "").replace(/^\/+/, "").replace(/\/+$/, ""), zt = (e, t) => {
+let z = globalThis.history?.state?._pos ?? 0;
+const ge = /* @__PURE__ */ new Map(), le = (e) => (e || "").replace(/^\/+/, "").replace(/\/+$/, ""), Ot = (e, t) => {
   if (!t) return !1;
   const s = le(e), n = le(t);
   return s === n || s.startsWith(n + "/");
-}, Ot = (e, t) => {
+}, Nt = (e, t) => {
   const s = le(e);
   if (!t) return s;
   const n = le(t);
@@ -174,50 +174,73 @@ const ze = B, fe = /* @__PURE__ */ new Map(), le = (e) => (e || "").replace(/^\/
   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);
+}, Ft = () => {
+  try {
+    return /** @type {any} */ globalThis.performance?.getEntriesByType?.("navigation")?.[0]?.type === "reload";
+  } catch {
+    return !1;
+  }
 };
 if (typeof globalThis.history?.pushState == "function") {
   const e = globalThis.history.pushState, t = globalThis.history.replaceState;
   globalThis.history.pushState = function(s, n, a) {
-    B++;
-    const l = s !== null && typeof s == "object" ? { ...s, _pos: B } : { _pos: B };
+    z++;
+    const l = s !== null && typeof s == "object" ? { ...s, _pos: z } : { _pos: z };
     return e.call(this, l, n, a);
   }, globalThis.history.replaceState = function(s, n, a) {
-    const l = globalThis.history.state?._pos ?? B, r = s !== null && typeof s == "object" ? { ...s, _pos: l } : { _pos: l };
+    const l = globalThis.history.state?._pos ?? z, r = s !== null && typeof s == "object" ? { ...s, _pos: l } : { _pos: l };
     return t.call(this, r, n, a);
   }, globalThis.addEventListener("popstate", (s) => {
     const n = (
       /** @type {any} */
       s.state?._pos
     );
-    typeof n == "number" && (B = n);
+    typeof n == "number" && (z = n);
   });
 }
-const Nt = (e) => {
-  const t = e || "", s = X.path || "", n = fe.get(t);
-  if (n && zt(s, n.basePath))
-    return n;
-  const a = {
-    pos: B,
-    sourcePath: X.lastPath || null,
-    basePath: Ot(s, e)
-  };
-  return fe.set(t, a), a;
-}, Ft = (e) => {
-  fe.delete(e || "");
+const Oe = (e) => {
+  const t = globalThis.history?.state || {};
+  if (!(t._entryKey === e.key && t._entryPos === e.pos && t._entrySourcePath === e.sourcePath && t._entryBasePath === e.basePath))
+    try {
+      globalThis.history.replaceState(
+        {
+          ...t,
+          _entryKey: e.key,
+          _entryPos: e.pos,
+          _entrySourcePath: e.sourcePath,
+          _entryBasePath: e.basePath
+        },
+        "",
+        globalThis.location?.href
+      );
+    } catch {
+    }
 }, Lt = (e) => {
-  const t = Nt(e.backUrl);
+  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))
+    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,
+    pos: y,
+    sourcePath: R,
+    basePath: typeof h == "string" && h ? h : n
+  };
+  return Oe(P), ge.set(l, P), P;
+}, Rt = (e) => {
+  ge.delete(e || "");
+}, At = (e) => {
+  const t = Ft(), s = Lt(e.backUrl);
   return () => {
-    Ft(e.backUrl);
-    const n = B - t.pos + 1, a = t.pos - 1;
-    if (t.pos > ze && a > ze) {
+    Rt(e.backUrl);
+    const n = z - s.pos + 1;
+    if (!t && s.pos > 0) {
       globalThis.history.go(-n);
       return;
     }
-    const l = t.sourcePath || e.backUrl;
-    l && X.navigate(l);
+    e.backUrl && X.navigate(e.backUrl);
   };
 };
-class et extends S {
+class tt extends S {
   /**
    * This will set the component context.
    *
@@ -231,11 +254,11 @@ class et extends S {
     return s ? { data: s } : null;
   }
 }
-const N = (e) => (
+const F = (e) => (
   /** @type {VeilComponentConstructor} */
-  P(e, et)
+  B(e, tt)
 );
-class Ma extends et {
+class Ba extends tt {
   /**
    * Declare public props and their defaults.
    */
@@ -269,9 +292,9 @@ class Ma extends et {
     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 = W.number(r, "0") : this.formatType === "money" ? r = W.roundMoney(r) : this.formatType === "date" ? r = W.date(r) : this.formatType === "percent" && (r = W.percentage(r)), u({ class: "toggle-btn-value text-sm tabular-nums capitalize" }, r);
+        return this.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.value !== null && this.value !== void 0 ? u({ class: "toggle-btn-value text-sm tabular-nums" }, String(this.value)) : null;
+      return this.value !== null && this.value !== void 0 ? f({ class: "toggle-btn-value text-sm tabular-nums" }, String(this.value)) : null;
     })(), l = this.fill;
     return v({
       click: () => this.handleToggle(),
@@ -294,7 +317,7 @@ const re = {
   xl: "w-14 h-14",
   "2xl": "w-16 h-16"
 };
-class Pa extends S {
+class za extends S {
   /**
    * Declare public props.
    */
@@ -325,23 +348,23 @@ class Pa 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, f = this.circle ?? !1, m = this.fill;
+    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;
     return v({
       click: () => this.handleToggle(),
       // @ts-ignore
-      class: `circle-toggle-btn inline-flex items-center justify-center rounded-full border-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${n} ${l}${f ? " rounded-full w-[40px] h-[40px] max-w-[40px]" : ""}`
+      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]" : ""}`
     }, [
-      M("active", (w) => [
+      M("active", (y) => [
         x({
           size: a,
-          variant: w && m ? "filled" : "outlined",
-          class: `transition-colors ${w ? c : r}`
-        }, w ? s : t)
+          variant: y && h ? "filled" : "outlined",
+          class: `transition-colors ${y ? c : r}`
+        }, y ? s : t)
       ])
     ]);
   }
 }
-const Ba = i((e, t) => {
+const Oa = i((e, t) => {
   const s = e.size || "md", n = re[s] || re.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
   return v({
     ...e,
@@ -352,12 +375,12 @@ const Ba = i((e, t) => {
     e.icon ? x({ size: a }, e.icon) : null,
     ...t || []
   ]);
-}), A = (e) => i((t, s) => v({
+}), E = (e) => i((t, s) => v({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), tt = i(
+}, s)), st = i(
   (e, t) => v({
     ...e,
     // @ts-ignore
@@ -369,15 +392,15 @@ const Ba = i((e, t) => {
     // @ts-ignore
     e.icon && e.position === "right" ? x({ size: e.size || "sm", class: e.animation ?? null }, e.icon) : null
   ])
-), Oe = (e) => i((t, s) => tt({
+), Ne = (e) => i((t, s) => st({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), At = (e) => i((t, s) => (t.icon = t.icon || h.arrows.left, t.click = t.click || Lt(t), tt({
+}, s)), jt = (e) => i((t, s) => (t.icon = t.icon || g.arrows.left, t.click = t.click || At(t), st({
   ...e,
   ...t
-}, s))), Rt = i((e, t) => {
+}, s))), Et = i((e, t) => {
   const s = e.size || "md", n = {
     xs: "w-6 h-6",
     sm: "w-8 h-8",
@@ -394,41 +417,41 @@ const Ba = i((e, t) => {
     e.icon ? x({ size: s === "xs" ? "xs" : "sm" }, e.icon) : null,
     ...t || []
   ]);
-}), Ne = {
-  primary: A({ class: "primary" }),
-  secondary: A({ class: "secondary" }),
-  destructive: A({ class: "destructive" }),
-  warning: A({ class: "warning" }),
-  outline: A({ class: "outline" }),
-  ghost: A({ class: "ghost" }),
-  link: A({ class: "link" }),
-  icon: Oe({ class: "icon" }),
-  withIcon: Oe({ class: "with-icon" }),
-  back: At({ class: "with-icon back-button" }),
-  circleIcon: Rt
-}, b = i((e, t) => (Ne[e.variant] || Ne.primary)(e, t)), za = i((e, t) => b({ ...e, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, t)), jt = i((e, t) => {
+}), Fe = {
+  primary: E({ class: "primary" }),
+  secondary: E({ class: "secondary" }),
+  destructive: E({ class: "destructive" }),
+  warning: E({ class: "warning" }),
+  outline: E({ class: "outline" }),
+  ghost: E({ class: "ghost" }),
+  link: E({ class: "link" }),
+  icon: Ne({ class: "icon" }),
+  withIcon: Ne({ class: "with-icon" }),
+  back: jt({ class: "with-icon back-button" }),
+  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({
     ...e,
     // @ts-ignore
     class: `rounded-lg ${a} bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${s} ${n} ${e.class || ""}`
   }, t);
-}), Et = i((e, t) => ft({
+}), Ht = i((e, t) => gt({
   ...e,
   // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${e.class || ""}`
-}, t)), Oa = i((e, t) => {
+}, t)), Fa = i((e, t) => {
   const s = e.border === "full" ? "border rounded-md" : "border-t";
-  return gt({
+  return mt({
     ...e,
     // @ts-ignore
     class: `p-6 ${s} ${e.class || ""}`
   }, [
     // @ts-ignore
-    e.legend && Et(e.legend),
+    e.legend && Ht(e.legend),
     o({ class: "flex flex-auto flex-col gap-y-6" }, t)
   ]);
-}), Ht = i((e, t) => {
+}), Ut = i((e, t) => {
   const s = e.border === !0 ? "border-t" : "";
   return o({
     ...e,
@@ -443,14 +466,14 @@ const Ba = i((e, t) => {
       class: `flex flex-auto flex-col gap-y-1 ${e.labelProps?.class || ""}`
     }, [
       // @ts-ignore
-      Ge({ class: "text-base" }, e.label),
+      Ke({ class: "text-base" }, e.label),
       // @ts-ignore
       e.description && k({ class: "text-sm text-muted-foreground" }, e.description)
     ]),
     // Controls container: grows to fill remaining space, spacing between items
     o({ class: "flex flex-col gap-y-4" }, t)
   ]);
-}), _t = "flex h-10 w-full px-3 py-2 text-sm", D = "rounded-md border border-border bg-input", $ = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", C = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", _ = "placeholder:text-muted-foreground", ke = `${_t} ${D} ${$} ${_} ${C}`, Ut = ({ id: e, checked: t, bind: s, required: n }) => ge({
+}), 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({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -460,15 +483,15 @@ const Ba = i((e, t) => {
   required: n,
   checked: t,
   bind: s
-}), Yt = () => u({ class: "absolute text-xs pointer-events-none" }, [
+}), Vt = () => f({ class: "absolute text-xs pointer-events-none" }, [
   M(
     "checked",
-    (e) => e ? E({
+    (e) => e ? U({
       class: "w-2 h-2 pointer-events-none",
-      html: h.check
+      html: g.check
     }) : null
   )
-]), Wt = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
+]), qt = ({ id: e, bind: t, checked: s, required: n, clickHandler: a }) => o({
   class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
 			rounded-md border
 			${$}
@@ -488,13 +511,13 @@ const Ba = i((e, t) => {
   tabIndex: 0,
   click: a
 }, [
-  Ut({ bind: t, checked: s, id: e, required: n }),
-  Yt()
-]), Vt = ({ id: e, label: t, clickHandler: s }) => H({
+  Wt({ bind: t, checked: s, id: e, required: n }),
+  Vt()
+]), Gt = ({ id: e, label: t, clickHandler: s }) => Y({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: s
-}, t), qt = P(
+}, t), Kt = B(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -533,7 +556,7 @@ const Ba = 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 || ""}` }, [
-        Wt({
+        qt({
           id: e,
           // @ts-ignore
           bind: this.bind,
@@ -545,38 +568,38 @@ const Ba = i((e, t) => {
           clickHandler: t
         }),
         // @ts-ignore
-        this.label && Vt({ id: e, label: this.label, clickHandler: t })
+        this.label && Gt({ id: e, label: this.label, clickHandler: t })
       ]);
     }
   }
-), Gt = (e) => {
+), Qt = (e) => {
   if (!e || e.length === 0) return "";
   const s = e.replace(/\D/g, "").match(/^(\d{0,3})(\d{0,3})(\d{0,4})$/);
   return s ? s[2] ? `(${s[1]}) ${s[2]}${s[3] ? "-" + s[3] : ""}` : s[1] || "" : e;
-}, Kt = (e) => {
-  const t = e.target, s = Gt(t.value);
+}, Jt = (e) => {
+  const t = e.target, s = Qt(t.value);
   s && (t.value = s);
-}, Qt = [
+}, Xt = [
   "peer w-full h-14 px-3 pt-5 pb-1",
   "text-base text-foreground",
   D,
   $,
   C,
   "placeholder-transparent"
-].join(" "), Jt = [
+].join(" "), Zt = [
   "peer w-full min-h-[120px] px-3 pt-6 pb-2",
   "text-base text-foreground",
   D,
   $,
   C,
   "placeholder-transparent resize-y"
-].join(" "), Xt = [
+].join(" "), es = [
   "peer w-full h-14 px-3 pt-5 pb-1 pr-10",
   "text-base text-foreground appearance-none",
   D,
   $,
   C
-].join(" "), Zt = [
+].join(" "), ts = [
   "absolute left-3",
   "text-foreground-secondary",
   "transition-all duration-200",
@@ -587,7 +610,7 @@ const Ba = i((e, t) => {
   "peer-[:placeholder-shown:not(:focus)]:top-1/2",
   "peer-[:placeholder-shown:not(:focus)]:-translate-y-1/2",
   "peer-[:placeholder-shown:not(:focus)]:text-base"
-].join(" "), es = [
+].join(" "), ss = [
   "absolute left-3",
   "text-foreground-secondary",
   "transition-all duration-200",
@@ -597,102 +620,102 @@ const Ba = i((e, t) => {
   // Placeholder state (empty + not focused)
   "peer-[:placeholder-shown:not(:focus)]:top-3.5",
   "peer-[:placeholder-shown:not(:focus)]:text-base"
-].join(" "), ts = [
+].join(" "), ns = [
   "absolute left-3 top-2",
   "text-xs text-foreground-secondary",
   "pointer-events-none select-none"
 ].join(" ");
-let ss = 0;
-const Ce = (e) => e.id || e.name || `floating-${++ss}`, Se = (e, t, s, n) => e ? H(
+let as = 0;
+const Se = (e) => e.id || e.name || `floating-${++as}`, $e = (e, t, s, n) => e ? Y(
   { htmlFor: s, class: n },
-  t ? [u(e), u({ class: "text-destructive ml-0.5" }, "*")] : e
-) : null, ns = () => E({
+  t ? [f(e), f({ class: "text-destructive ml-0.5" }, "*")] : e
+) : null, os = () => U({
   class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none w-4 h-4 text-foreground-secondary",
-  html: h.chevron.single.down
+  html: g.chevron.single.down
 }), ne = i((e) => {
-  const t = Ce(e);
+  const t = Se(e);
   return o({ class: "relative" }, [
     p({
       ...e,
       id: t,
       placeholder: " ",
-      class: `${Qt} ${e.class || ""}`.trim()
+      class: `${Xt} ${e.class || ""}`.trim()
     }),
-    Se(e.label, e.required, t, Zt)
+    $e(e.label, e.required, t, ts)
   ]);
-}), Na = i(
+}), La = i(
   (e) => ne({
     ...e,
     type: "tel",
     name: e.name || "Phone",
     label: e.label || "Phone",
     pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
-    keyup: Kt
+    keyup: Jt
   })
-), Fa = i(
+), Ra = i(
   (e) => ne({
     ...e,
     type: "email",
     name: e.name || "Email",
     label: e.label || "Email"
   })
-), La = i(
+), Aa = i(
   (e) => ne({
     ...e,
     type: "password",
     name: e.name || "Password",
     label: e.label || "Password"
   })
-), Aa = i(
+), ja = i(
   (e) => ne({
     ...e,
     type: "number"
   })
-), Ra = i(
+), Ea = i(
   (e) => ne({
     ...e,
     type: "url",
     name: e.name || "Url",
     label: e.label || "URL"
   })
-), ja = i((e) => {
-  const t = Ce(e);
+), _a = i((e) => {
+  const t = Se(e);
   return o({ class: "relative" }, [
-    Ke({
+    Qe({
       ...e,
       id: t,
       placeholder: " ",
-      class: `${Jt} ${e.class || ""}`.trim()
+      class: `${Zt} ${e.class || ""}`.trim()
     }),
-    Se(e.label, e.required, t, es)
+    $e(e.label, e.required, t, ss)
   ]);
-}), Ea = i((e) => {
-  const t = Ce(e), { options: s, onCreated: n, ...a } = e;
+}), Ha = i((e) => {
+  const t = Se(e), { options: s, onCreated: n, ...a } = e;
   return o({ class: "relative" }, [
     {
       tag: "select",
       ...a,
       id: t,
-      class: `[&>option]:text-foreground [&>option]:bg-background ${Xt} ${a.class || ""}`.trim(),
+      class: `[&>option]:text-foreground [&>option]:bg-background ${es} ${a.class || ""}`.trim(),
       onCreated(l) {
-        s && Xe.setupSelectOptions(l, s), typeof n == "function" && n(l);
+        s && Ze.setupSelectOptions(l, s), typeof n == "function" && n(l);
       }
     },
-    ns(),
-    Se(e.label, e.required, t, ts)
+    os(),
+    $e(e.label, e.required, t, ns)
   ]);
-}), as = (e) => {
+}), ls = (e) => {
   if (!e || e.length === 0) return "";
   const s = e.replace(/\D/g, "").match(/^(\d{0,3})(\d{0,3})(\d{0,4})$/);
   return s ? s[2] ? `(${s[1]}) ${s[2]}${s[3] ? "-" + s[3] : ""}` : s[1] || "" : e;
-}, os = (e) => {
-  const t = e.target, s = as(t.value);
+}, rs = (e) => {
+  const t = e.target, s = ls(t.value);
   s && (t.value = s);
-}, F = i((e) => p({
+}, L = i((e) => p({
   ...e,
   // @ts-ignore
-  class: `${ke} ${e.class || ""}`.trim()
-})), Ha = i((e) => F({
+  class: `${Ce} ${e.class || ""}`.trim()
+})), Ua = i((e) => L({
   ...e,
   type: "tel",
   // @ts-ignore
@@ -702,8 +725,8 @@ const Ce = (e) => e.id || e.name || `floating-${++ss}`, Se = (e, t, s, n) => e ?
   placeholder: "(555) 555-5555",
   // @ts-ignore
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
-  keyup: os
-})), _a = i((e) => F({
+  keyup: rs
+})), Ya = i((e) => L({
   ...e,
   type: "email",
   // @ts-ignore
@@ -711,77 +734,77 @@ const Ce = (e) => e.id || e.name || `floating-${++ss}`, Se = (e, t, s, n) => e ?
   // @ts-ignore
   label: e.label || "Email",
   placeholder: "Email address"
-})), Ua = i((e) => Ke({
+})), Wa = i((e) => Qe({
   ...e,
   as: "textarea",
   // @ts-ignore
-  class: `flex w-full h-24 px-3 py-2 text-sm ${D} ${$} ${_} ${C} ${e.class || ""}`.trim()
-})), Ya = (e = {}) => o({ class: "flex items-center gap-x-2" }, [
+  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" }, [
   p({
     ...e,
     type: "radio",
     class: "cursor-pointer appearance-none h-4 w-4 border rounded-full checked:border-primary checked:bg-primary focus:ring focus:ring-primary".trim()
   }),
-  e.label && H({ forHTML: e.value, class: "cursor-pointer" }, e.label)
-]), Wa = i((e) => p({
+  e.label && Y({ forHTML: e.value, class: "cursor-pointer" }, e.label)
+]), qa = i((e) => p({
   ...e,
   type: "date",
   // @ts-ignore
-  class: `${D} ${$} ${_} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), Va = i((e) => p({
+  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Ga = i((e) => p({
   ...e,
   type: "time",
   // @ts-ignore
-  class: `${D} ${$} ${_} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), qa = i((e) => p({
+  class: `${D} ${$} ${W} ${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} ${$} ${_} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), Ga = i((e) => p({
+  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Qa = i((e) => p({
   ...e,
   type: "month",
   // @ts-ignore
-  class: `${D} ${$} ${_} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), Ka = i((e) => p({
+  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Ja = i((e) => p({
   ...e,
   type: "week",
   // @ts-ignore
-  class: `${D} ${$} ${_} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), Qa = i((e) => F({
+  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Xa = i((e) => L({
   ...e,
   type: "number"
-})), Ja = i((e) => F({
+})), Za = i((e) => L({
   ...e,
   type: "password"
 }));
-i((e) => F({
+i((e) => L({
   ...e,
   type: "search"
 }));
-const Xa = i((e) => F({
+const eo = i((e) => L({
   ...e,
   type: "url"
-})), Za = i((e) => F({
+})), to = i((e) => L({
   ...e,
   type: "hidden"
-})), eo = i((e) => p({
+})), so = i((e) => p({
   ...e,
   type: "color",
   // @ts-ignore
   class: `${D} text-foreground p-0 ${C} ${e.class || ""}`.trim()
 }));
-i((e) => ge({
+i((e) => me({
   ...e,
   // @ts-ignore
   class: `flex h-4 w-4 text-foreground ${D} ${$} ${C} ${e.class || ""}`.trim()
 }));
-const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", to = i((e) => p({
+const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", no = i((e) => p({
   ...e,
   type: "file",
   // @ts-ignore
-  class: `${ke} ${ls} ${e.class || ""}`.trim()
-})), so = N(
+  class: `${Ce} ${is} ${e.class || ""}`.trim()
+})), ao = F(
   {
     /**
      * This will create the initial state of the RangeSlider.
@@ -814,7 +837,7 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       return o({ class: "relative w-full h-4 flex items-center" }, [
         // Track
         o({ class: "absolute h-2 w-full rounded-full bg-muted" }),
-        V(({ state: e }) => [
+        q(({ state: e }) => [
           // Filled Track
           o({
             class: "absolute h-2 bg-primary rounded-full",
@@ -853,17 +876,17 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       ]);
     }
   }
-), no = i((e) => {
+), oo = i((e) => {
   const { options: t, onCreated: s, ...n } = e;
   return {
     tag: "select",
     onCreated(a) {
-      t && Xe.setupSelectOptions(a, t), s && s(a);
+      t && Ze.setupSelectOptions(a, t), s && s(a);
     },
     ...n,
-    class: `[&>option]:text-foreground [&>option]:bg-background ${ke} ${n.class || ""}`.trim()
+    class: `[&>option]:text-foreground [&>option]:bg-background ${Ce} ${n.class || ""}`.trim()
   };
-}), rs = 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 : me({
+}), 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({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
   alt: t,
@@ -875,7 +898,7 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
    * If there's an error loading the image, hide it.
    */
   error: (c) => c.target.style.visibility = "hidden"
-})), is = (e) => !e || isNaN(e) ? null : e, Fe = (e, t) => {
+})), 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 = `
 	<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
 		<!-- Background Circle -->
@@ -918,20 +941,20 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     class: "circle-graph text-inherit",
     html: r
   });
-}, ao = i((e) => {
-  const t = e.progress || 0, s = e.class || "", n = Fe(t, s);
+}, lo = i((e) => {
+  const t = e.progress || 0, s = e.class || "", n = Le(t, s);
   return o({
     class: "circle-graph-wrap",
     onSet: [
       // @ts-ignore
       e.prop,
-      (a) => (a = is(a), a ? Fe(a, s) : n)
+      (a) => (a = ds(a), a ? Le(a, s) : n)
     ]
   }, [n]);
-}), cs = () => V(({ state: e }) => o({
+}), us = () => q(({ state: e }) => o({
   class: "absolute h-full rounded-full bg-primary transition-all duration-300",
   style: ["width: [[progress]]%;", e]
-})), oo = N(
+})), ro = F(
   {
     /**
      * This will render the progress bar component.
@@ -940,7 +963,7 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
      */
     render() {
       return o({ class: "relative w-full h-4 rounded-full bg-muted" }, [
-        cs()
+        us()
       ]);
     },
     /**
@@ -983,7 +1006,7 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       e < 0 && (e = 0), e > 100 && (e = 100), this.state.progress = e;
     }
   }
-), lo = i((e = {}) => {
+), io = i((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -992,19 +1015,19 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     blurClass: l = "backdrop-blur",
     zIndexClass: r = "z-9999",
     style: c = ""
-  } = e, f = [
+  } = e, u = [
     "sticky bottom-0 left-0 right-0 w-full",
     r,
     s ? a : "",
     n ? l : "",
     t
-  ].filter(Boolean).join(" "), m = `height: env(safe-area-inset-bottom, 0px);${c ? ` ${c}` : ""}`;
+  ].filter(Boolean).join(" "), h = `height: env(safe-area-inset-bottom, 0px);${c ? ` ${c}` : ""}`;
   return o({
-    class: f,
-    style: m,
+    class: u,
+    style: h,
     "aria-hidden": "true"
   });
-}), ro = i((e = {}) => {
+}), co = i((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -1013,19 +1036,19 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     blurClass: l = "backdrop-blur",
     zIndexClass: r = "z-9999",
     style: c = ""
-  } = e, f = [
+  } = e, u = [
     "fixed top-0 left-0 right-0 w-full",
     r,
     s ? a : "",
     n ? l : "",
     t
-  ].filter(Boolean).join(" "), m = `height: env(safe-area-inset-top, 0px);${c ? ` ${c}` : ""}`;
+  ].filter(Boolean).join(" "), h = `height: env(safe-area-inset-top, 0px);${c ? ` ${c}` : ""}`;
   return o({
-    class: f,
-    style: m,
+    class: u,
+    style: h,
     "aria-hidden": "true"
   });
-}), Le = {
+}), Re = {
   top: "bottom-full left-1/2 transform -translate-x-1/2 mb-2",
   "top-right": "bottom-full left-full transform -translate-x-1 mb-2",
   "top-left": "bottom-full right-full transform translate-x-1 mb-2",
@@ -1034,12 +1057,12 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   "bottom-left": "top-full right-full transform translate-x-1 mt-2",
   left: "top-1/2 right-full transform -translate-y-1/2 mr-2",
   right: "top-1/2 left-full transform -translate-y-1/2 ml-2"
-}, ds = (e) => Le[String(e)] || Le.top, io = i(({ position: e = "top", content: t }, s) => {
-  const n = ds(e);
+}, 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" }, [
     ...s,
     // Tooltip box
-    u({
+    f({
       class: `
 				absolute z-20 px-2 py-1 border text-sm bg-background rounded shadow-md opacity-0 whitespace-nowrap
 				group-hover:opacity-100 transition-opacity duration-200 ${n} pointer-events-none
@@ -1072,23 +1095,23 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     bgColor: "bg-muted/10",
     iconColor: "text-muted-foreground"
   }
-}, us = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
+}, fs = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   x({ size: "sm" }, e)
-]), hs = (e) => mt({ class: "font-semibold" }, e), fs = (e) => k({ class: "text-sm text-muted-foreground" }, e), co = i(({ title: e, description: t, icon: s, type: n = "default" }) => {
+]), 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}` }, [
     // Icon and content
-    s && us(s, r),
+    s && fs(s, r),
     o({ class: "flex flex-col" }, [
-      hs(e),
-      fs(t)
+      gs(e),
+      ms(t)
     ])
   ]);
-}), gs = (e, 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, f = s.bottom + r;
-  const m = globalThis.innerHeight - s.bottom, w = s.top;
-  return c + n.width > globalThis.innerWidth && (c = globalThis.innerWidth - n.width - a), m < n.height && w > m ? f = s.top + r - n.height - a : m < n.height && (f = s.bottom + r - (n.height - m) - a), { x: c, y: f };
+  let c = s.left + l, 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 };
 };
 class ae extends S {
   /**
@@ -1097,7 +1120,7 @@ class ae extends S {
    * @returns {object}
    */
   setData() {
-    const t = this.parent.data || new O();
+    const t = this.parent.data || new N();
     return t.set({
       position: { x: 0, y: 0 }
     }), t;
@@ -1167,7 +1190,7 @@ class ae extends S {
    * @returns {void}
    */
   updatePosition() {
-    const t = this.button ?? null, s = this.panel, n = gs(t, s);
+    const t = this.button ?? null, s = this.panel, n = bs(t, s);
     this.data.position = n;
   }
   /**
@@ -1219,29 +1242,29 @@ class ae extends S {
     this?.panel?.hidePopover();
   }
 }
-const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), bs = i((e, t) => H({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), xs = i((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ps = i((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), uo = i((e, t = []) => jt({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
+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" }, [
   // @ts-ignore
   e.title && Z({ class: "text-lg font-semibold py-4 px-6" }, e.title),
   // @ts-ignore
   e.description && k({ class: "text-sm text-muted-foreground pb-4 px-6 max-w-[700px]" }, e.description),
   ...t
-])), ho = i((e, t = []) => (
+])), go = i((e, t = []) => (
   // @ts-ignore
-  Ht({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
+  Ut({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
     o({ class: "flex flex-col gap-y-6" }, t)
   ])
-)), fo = i((e, 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);
-}), ys = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", st = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = st(n.children, t, s)), !n.required) ? n : ys(n) ? {
+}), 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) ? {
   ...n,
   aria: {
     invalid: ["hasError"]
   },
   invalid: s,
   input: t
-} : n), ws = i((e, t) => {
-  const a = st(t, (l) => {
+} : n), ks = i((e, t) => {
+  const a = nt(t, (l) => {
     l.target.checkValidity() && e.setError(null);
   }, (l) => {
     e.setError(l.target.validationMessage);
@@ -1250,7 +1273,7 @@ const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     ...e,
     class: "w-full"
   }, a);
-}), go = N(
+}), bo = F(
   {
     /**
      * The initial state of the FormField.
@@ -1275,47 +1298,47 @@ const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
         this.state.error = l, this.state.hasError = !!l;
       };
       return o({ class: "flex flex-auto gap-y-4" }, [
-        ms([
-          bs({ htmlFor: t }, s),
-          ws({
+        xs([
+          ps({ htmlFor: t }, s),
+          ks({
             id: t,
             name: e,
             value: this.state.value,
             setError: a
           }, this.children),
-          n && xs({ id: this.getId("description") }, n),
-          o({ onState: ["error", (l) => l && ps(l)] })
+          n && ys({ id: this.getId("description") }, n),
+          o({ onState: ["error", (l) => l && ws(l)] })
         ])
       ]);
     }
   }
-), vs = (e, t, s = null) => {
+), Cs = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
-}, nt = i(
+}, at = i(
   (e, t) => (
     // @ts-ignore
-    bt({ ...e, submit: (s, n) => vs(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
+    xt({ ...e, submit: (s, n) => Cs(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
   )
-), mo = i((e, 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)
-)), bo = i((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
+)), po = i((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
   // @ts-ignore
   e.title && Z({ class: "font-semibold" }, e.title),
   ...t
-])), xo = (e, t) => o({ class: "flex justify-between" }, [
-  u({ class: "text-muted-foreground" }, e),
-  u(t)
-]), po = (e, t) => o({ class: "flex" }, [
-  u({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
-  u(t)
-]), ks = i(({ title: e, description: t, back: s, icon: n, options: a = [], titleCenter: l = !1 }) => ee({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10 min-w-0" }, [
+])), yo = (e, t) => o({ class: "flex justify-between" }, [
+  f({ class: "text-muted-foreground" }, e),
+  f(t)
+]), wo = (e, t) => o({ 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" }, [
   /**
    * Back Button (Mobile Only)
    */
   s && b({
     variant: "icon",
-    icon: h.arrows.left,
+    icon: g.arrows.left,
     class: "mr-2 p-0 flex sm:hidden",
     click: (r, c) => c.close()
   }),
@@ -1332,7 +1355,7 @@ const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     ]),
     o({ class: "flex flex-none items-center gap-2" }, a)
   ])
-])), yo = i((e, t) => {
+])), vo = i((e, t) => {
   const s = e.class?.includes("drawer");
   return o({
     popover: "manual",
@@ -1342,19 +1365,19 @@ const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       l.target === r.panel && (l.preventDefault(), l.stopPropagation(), r.state.open = !1);
     }
   }, [
-    nt({
+    at({
       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),
       cache: "modalContent"
     }, [
-      ks(e),
+      Ss(e),
       o({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, t),
       // @ts-ignore
-      !e.hideFooter && be({ class: "modal-footer sticky bottom-0 bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
+      !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)
     ])
   ]);
-}), Re = {
+}), je = {
   info: {
     bgColor: "bg-muted/10",
     borderColor: "border-blue-500",
@@ -1380,22 +1403,22 @@ const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     borderColor: "border",
     iconColor: "text-muted-foreground"
   }
-}, Cs = (e) => ee({ class: "flex justify-center" }, [
-  xe({ class: "text-lg font-bold mb-0" }, e)
-]), Ss = i(({ href: e, class: t }, s) => Qe({
+}, $s = (e) => ee({ class: "flex justify-center" }, [
+  pe({ class: "text-lg font-bold mb-0" }, e)
+]), Ds = i(({ href: e, class: t }, s) => Je({
   class: `bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   href: e,
   animateIn: "pullRightIn",
   animateOut: "pullRight",
   role: "alert"
-}, s)), $s = i(({ close: e, class: t }, s) => o({
+}, s)), Is = i(({ close: e, class: t }, s) => o({
   class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   click: () => e(),
   animateIn: "pullRightIn",
   animateOut: "pullRight",
   role: "alert"
 }, s));
-class wo extends S {
+class ko extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -1419,10 +1442,10 @@ class wo extends S {
    */
   render() {
     const { bgColor: t, borderColor: s, iconColor: n } = this.getTypeStyles(), a = this.href || null, l = this.getChildren(n);
-    return a ? Ss({
+    return a ? Ds({
       href: a,
       class: `${t} ${s}`
-    }, l) : $s({
+    }, l) : Is({
       close: this.close.bind(this),
       class: `${t} ${s}`
     }, l);
@@ -1434,7 +1457,7 @@ class wo extends S {
    */
   afterSetup() {
     const t = this.duration;
-    t !== "infinite" && (this.timer = new Ct(t, this.close.bind(this)), this.timer.start());
+    t !== "infinite" && (this.timer = new St(t, this.close.bind(this)), this.timer.start());
   }
   /**
    * This will get the style properties based on the notification type.
@@ -1443,7 +1466,7 @@ class wo extends S {
    */
   getTypeStyles() {
     const t = this.type || "default";
-    return Re[t] || Re.default;
+    return je[t] || je.default;
   }
   /**
    * This will get the buttons for the notification.
@@ -1472,16 +1495,16 @@ class wo extends S {
         ]),
         o({ class: "flex flex-auto flex-col" }, [
           o({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
-            this.title && Cs(this.title)
+            this.title && $s(this.title)
           ]),
           k({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
-          (this.primary || this.secondary) && be({ class: "margin-top-24 flex align-center" }, this.getButtons())
+          (this.primary || this.secondary) && xe({ class: "margin-top-24 flex align-center" }, this.getButtons())
         ])
       ]),
       b({
         class: "absolute top-[12px] right-[12px]",
         variant: "icon",
-        icon: h.x,
+        icon: g.x,
         click: this.close.bind(this)
       })
     ];
@@ -1496,25 +1519,25 @@ class wo extends S {
     t && t.stopPropagation(), this.duration !== "infinite" && this.timer.stop(), this.onClick && this.onClick(), this.destroy();
   }
 }
-const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v({
+const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v({
   class: 'text-sm gap-1 font-medium leading-none disabled:cursor-not-allowed disabled:opacity-70 flex flex-col items-center justify-between rounded-md border-2 bg-popover p-4 hover:bg-accent hover:text-accent-foreground data-[state="active"]:border-primary [&:has([data-state="active"])]:border-primary',
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
   click: (n, { state: a }) => {
-    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), Ds(e);
+    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), Ts(e);
   }
 }, [
   x({}, s),
-  u(t)
-])), Ds = (e) => {
+  f(t)
+])), Ts = (e) => {
   const t = document.documentElement;
-  if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), je && !je("(prefers-color-scheme: " + e + ")").matches) {
+  if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Ee && !Ee("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
     return;
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, vo = P(
+}, Co = B(
   {
     /**
      * This will render the component.
@@ -1524,9 +1547,9 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     render() {
       return o({ class: "flex flex-auto flex-col" }, [
         o({ class: "grid grid-cols-3 gap-4" }, [
-          ie({ label: "System", value: "system", icon: h.adjustments.horizontal }),
-          ie({ label: "Light", value: "light", icon: h.sun }),
-          ie({ label: "Dark", value: "dark", icon: h.moon })
+          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 })
         ])
       ]);
     },
@@ -1541,7 +1564,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       };
     }
   }
-), ko = N(
+), So = F(
   {
     /**
      * The initial state of the Toggle.
@@ -1575,7 +1598,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
           s.toggle("active"), this.checkbox.checked = s.active, this.change && this.change(s.active, t, this);
         }
       }, [
-        ge({
+        me({
           cache: "checkbox",
           class: "opacity-0 absolute top-0 left-0 bottom-0 right-0 w-full h-full",
           /**
@@ -1586,20 +1609,20 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
           bind: this.bind,
           required: this.required
         }),
-        u({
+        f({
           class: "absolute h-5 w-5 bg-background rounded-full shadow-md transform transition-transform",
           onState: ["active", { "translate-x-[22px]": !0, "translate-x-[2px]": !1 }]
         })
       ]);
     }
   }
-), Is = i(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : rs({
+), Ps = i(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : cs({
   src: e,
   alt: t,
   class: "rounded-full"
-})), Ts = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), at = (e) => !e || e.length < 2 ? e : Ts(e), Ms = (e) => u([e, (t, s) => {
-  s.textContent = at(t);
-}]), Ee = {
+})), 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);
+}]), _e = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
   md: "h-12 w-12",
@@ -1619,8 +1642,8 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, Ps = (e) => Ee[e] || Ee.default, Bs = (e) => He[e] || He.default, zs = (e, t = null, s = "md") => {
-  const n = at(String(e)), a = Bs(s);
+}, 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(
     {
       class: `
@@ -1630,21 +1653,21 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 		`
     },
     [
-      t ? Ms(t) : u({ class: "uppercase" }, n)
+      t ? Bs(t) : f({ class: "uppercase" }, n)
     ]
   );
-}, Os = i(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
-  const l = Ps(a);
+}, Fs = i(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
+  const l = zs(a);
   return o(
     {
       class: `relative flex items-center justify-center ${l}`
     },
     [
-      Is({ src: e, alt: t }),
-      zs(s, n, a)
+      Ps({ src: e, alt: t }),
+      Ns(s, n, a)
     ]
   );
-}), _e = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, Co = P(
+}), Ue = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, $o = B(
   {
     /**
      * Get the initial state for the component.
@@ -1654,7 +1677,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     state() {
       return {
         // @ts-ignore
-        loaded: !!this.src && !_e(this.src)
+        loaded: !!this.src && !Ue(this.src)
       };
     },
     /**
@@ -1664,7 +1687,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      */
     openFileBrowse() {
       const e = this.input;
-      e && (e.value = "", j.trigger("click", e));
+      e && (e.value = "", H.trigger("click", e));
     },
     /**
      * Get the URL for the uploaded file.
@@ -1700,13 +1723,13 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          M("loaded", (s) => s === !1 || _e(this.src) ? H({
+          M("loaded", (s) => s === !1 || Ue(this.src) ? Y({
             htmlFor: e,
             class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
           }, [
-            he(h.upload),
+            fe(g.upload),
             o("Upload Image")
-          ]) : me({
+          ]) : be({
             // @ts-ignore
             src: this.src,
             class: "absolute inset-0 w-full h-full object-cover rounded-full"
@@ -1715,7 +1738,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       ]);
     }
   }
-), So = P(
+), Do = B(
   {
     /**
      * Get the initial state for the component.
@@ -1735,7 +1758,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      */
     openFileBrowse() {
       const e = this.input;
-      e && (e.value = "", j.trigger("click", e));
+      e && (e.value = "", H.trigger("click", e));
     },
     /**
      * Get the URL for the uploaded file.
@@ -1773,15 +1796,15 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
         }, [
           M(
             "loaded",
-            (s) => s ? me({
+            (s) => s ? be({
               // @ts-ignore
               src: this.src,
               class: "absolute inset-0 w-full h-full object-cover rounded-full"
-            }) : H({
+            }) : Y({
               htmlFor: e,
               class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
             }, [
-              x({}, h.upload),
+              x({}, g.upload),
               o("Upload logo")
             ])
           )
@@ -1797,22 +1820,22 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       this.input = null;
     }
   }
-), Ns = (e, t) => Qe(
+), Ls = (e, t) => Je(
   {
     href: e,
     "aria-current": t === "Breadcrumb" && "page",
     // Only set aria-current on the last item
     class: "text-muted-foreground font-medium hover:text-foreground"
   },
-  [u(t)]
-), Fs = () => x({
+  [f(t)]
+), Rs = () => x({
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
-}, h.chevron.single.right), Ls = (e) => o({ class: "flex items-center" }, [
-  e.href ? Ns(e.href, e.label) : u(e.label),
-  e.separator && Fs()
-]), $o = P(
+}, g.chevron.single.right), As = (e) => o({ class: "flex items-center" }, [
+  e.href ? Ls(e.href, e.label) : f(e.label),
+  e.separator && Rs()
+]), Io = B(
   {
     /**
      * Set initial data
@@ -1820,7 +1843,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      * @returns {Data}
      */
     setData() {
-      return new O({
+      return new N({
         // @ts-ignore
         items: this.items || []
       });
@@ -1832,7 +1855,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      */
     render() {
       const e = this.data.items.length - 1;
-      return pe(
+      return ye(
         {
           "aria-label": "Breadcrumb",
           class: "flex items-center gap-x-1 text-sm"
@@ -1841,7 +1864,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
           o({
             role: "list",
             class: "flex items-center",
-            for: ["items", (t, s) => Ls({
+            for: ["items", (t, s) => As({
               href: t.href,
               label: t.label,
               separator: s < e
@@ -1851,7 +1874,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       );
     }
   }
-), Ue = {
+), Ye = {
   xs: "h-1 w-1",
   sm: "h-2 w-2",
   md: "h-4 w-4",
@@ -1860,8 +1883,8 @@ const je = 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"
-}, As = (e) => Ue[e] || Ue.default, Rs = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
-  u({
+}, js = (e) => Ye[e] || Ye.default, Es = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
+  f({
     class: "block w-full h-full rounded-full transition-colors",
     onSet: ["activeIndex", {
       "bg-primary": e,
@@ -1871,10 +1894,10 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       n.activeIndex = e, a && a(e);
     }
   })
-]), js = (e, t) => Array.from({ length: e }, (s, n) => Rs({
+]), _s = (e, t) => Array.from({ length: e }, (s, n) => Es({
   index: n,
   size: t
-})), Do = P(
+})), To = B(
   {
     /**
      * Defines component data (props).
@@ -1882,7 +1905,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      * @returns {Data}
      */
     setData() {
-      return new O({
+      return new N({
         // @ts-ignore
         count: this.count || 4,
         // total dots
@@ -1896,7 +1919,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      * @returns {object}
      */
     render() {
-      const e = this.gap || "gap-2", t = As(this.size || "sm"), s = js(this.data.count, t);
+      const e = this.gap || "gap-2", t = js(this.size || "sm"), s = _s(this.data.count, t);
       return o(
         { class: "flex justify-center items-center py-2" },
         [
@@ -1905,26 +1928,26 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       );
     }
   }
-), Es = ({ toggleDropdown: e }) => v(
+), Hs = ({ toggleDropdown: e }) => v(
   {
     cache: "button",
     class: "relative z-2 inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-input hover:bg-muted h-10 px-4 py-2 justify-between",
     click: e
   },
   [
-    u({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
-    x({ size: "sm" }, h.chevron.upDown)
+    f({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
+    x({ size: "sm" }, g.chevron.upDown)
   ]
-), Hs = (e, t, s) => ye({
+), Us = (e, t, s) => we({
   class: "flex flex-auto items-center cursor-pointer p-2 hover:bg-muted/50 rounded-sm",
   click: () => t(e),
   onState: [s, "selectedValue", { "bg-secondary": e.value }]
 }, [
-  e.icon && u({ class: "mr-2 flex items-baseline" }, [x({ size: "xs" }, e.icon)]),
-  u({ class: "text-base font-normal" }, e.label)
-]), _s = (e, t) => o({ class: "w-full border rounded-md" }, [
-  te({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Hs(s, e, t)] })
-]), Us = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
+  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" }, [
+  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" }, [
   M(
     "open",
     (s, n, a) => s ? new ae({
@@ -1932,10 +1955,10 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       parent: a,
       button: a.button
     }, [
-      _s(e, t)
+      Ys(e, t)
     ]) : null
   )
-]), Io = P(
+]), Po = B(
   {
     /**
      * This will set up the data.
@@ -1943,7 +1966,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      * @returns {Data}
      */
     setData() {
-      return new O({
+      return new N({
         // @ts-ignore
         items: this.items || []
       });
@@ -2016,8 +2039,8 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       const e = this.class || "", t = this.maxWidth || "max-w-[250px]", s = this.width || "w-full";
       return o({ class: `relative ${s} flex flex-auto flex-col ${t} ${e}` }, [
         // @ts-ignore
-        Es({ toggleDropdown: this.toggleDropdown.bind(this) }),
-        Us({
+        Hs({ toggleDropdown: this.toggleDropdown.bind(this) }),
+        Ws({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -2037,21 +2060,21 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       ]);
     }
   }
-), ot = ({ icon: e, click: t, ariaLabel: s }) => b({
+), lt = ({ icon: e, click: t, ariaLabel: s }) => b({
   variant: "icon",
   class: "flex flex-none",
   click: t,
   icon: e,
   "aria-label": s
-}), Ys = ({ click: e }) => ot({
-  icon: h.circleMinus,
+}), Vs = ({ click: e }) => lt({
+  icon: g.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), Ws = ({ click: e }) => ot({
-  icon: h.circlePlus,
+}), qs = ({ click: e }) => lt({
+  icon: g.circlePlus,
   click: e,
   ariaLabel: "Increment"
-}), Vs = ({ bind: e, min: t, max: s, readonly: n = !1 }) => V(({ state: a }) => p({
+}), Gs = ({ bind: e, min: t, max: s, readonly: n = !1 }) => q(({ state: a }) => p({
   value: ["[[count]]", a],
   bind: e,
   blur: (l, { state: r }) => {
@@ -2064,7 +2087,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   max: s,
   type: "number",
   "aria-label": "Counter"
-})), To = N(
+})), Mo = F(
   {
     /**
      * Initial state for the counter component.
@@ -2087,18 +2110,18 @@ const je = 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}` }, [
-        Ys({ click: () => this.state.decrement("count") }),
-        Vs({
+        Vs({ click: () => this.state.decrement("count") }),
+        Gs({
           bind: this.bind,
           readonly: this.readonly,
           min: this.min,
           max: this.max
         }),
-        Ws({ click: () => this.state.increment("count") })
+        qs({ click: () => this.state.increment("count") })
       ]);
     }
   }
-), qs = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+), Ks = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
   { class: "grid grid-cols-3 gap-2" },
   se.monthNames.map(
     (n, a) => b(
@@ -2112,9 +2135,9 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       n.substring(0, 3)
     )
   )
-), z = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), Gs = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), R = (e, t, s) => `${e}-${z(t + 1)}-${z(s)}`, Ks = (e) => e ? "bg-accent text-primary" : "", Qs = (e) => e ? "text-muted-foreground opacity-50" : "", Js = (e, t) => e === t, Xs = (e, t) => Js(e, t) ? "bg-primary text-primary-foreground" : "", Zs = (e, t, s, n) => {
-  const a = Xs(t, n);
-  return a || (e ? Ks(e) : s ? Qs(s) : "text-foreground");
+), 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) => {
   const {
     day: t,
@@ -2129,7 +2152,7 @@ const je = 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
-				${Zs(a, s, l, n)}
+				${tn(a, s, l, n)}
 				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
                 disabled:pointer-events-none disabled:opacity-50
 			`,
@@ -2140,53 +2163,53 @@ const je = 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, en = (e, t, s, n = !1) => {
-  const { year: a, month: l } = e, r = R(a, l, e.date), c = new Date(a, l, 1).getDay(), f = new Date(a, l + 1, 0).getDate(), m = new Date(a, l, 0).getDate(), w = [], q = l === 0 ? 11 : l - 1, U = l === 0 ? a - 1 : a;
+}, 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;
   for (let d = c - 1; d >= 0; d--) {
-    const y = m - d, I = de(y, q, U, t), T = new Date(U, q, y) < new Date(t.year, t.month, t.date), L = n && T;
-    w.push(
+    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;
+    y.push(
       ce({
-        day: y,
+        day: w,
         currentDate: r,
-        date: R(U, q, y),
+        date: _(A, R, w),
         isToday: I,
         isOutsideMonth: !0,
         select: s,
-        disabled: L
+        disabled: j
       })
     );
   }
-  for (let d = 1; d <= f; d++) {
-    const y = de(d, l, a, t), I = new Date(a, l, d) < new Date(t.year, t.month, t.date), T = n && I;
-    w.push(
+  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;
+    y.push(
       ce({
         day: d,
         currentDate: r,
-        date: R(a, l, d),
-        isToday: y,
+        date: _(a, l, d),
+        isToday: w,
         isOutsideMonth: !1,
         select: s,
         disabled: T
       })
     );
   }
-  const Y = l === 11 ? 0 : l + 1, oe = l === 11 ? a + 1 : a, g = (7 - w.length % 7) % 7;
-  for (let d = 1; d <= g; d++) {
-    const y = de(d, Y, oe, t), I = new Date(oe, Y, d) < new Date(t.year, t.month, t.date), T = n && I;
-    w.push(
+  const P = l === 11 ? 0 : l + 1, oe = l === 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;
+    y.push(
       ce({
         day: d,
         currentDate: r,
-        date: R(oe, Y, d),
-        isToday: y,
+        date: _(oe, P, d),
+        isToday: w,
         isOutsideMonth: !0,
         select: s,
         disabled: T
       })
     );
   }
-  return w;
-}, Ye = ({ label: e, click: t }) => b(
+  return y;
+}, We = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2197,18 +2220,18 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     click: t,
     "aria-label": `${e} month`,
     variant: "icon",
-    icon: e === "Previous" ? h.chevron.single.left : h.chevron.single.right
+    icon: e === "Previous" ? g.chevron.single.left : g.chevron.single.right
   }
-), tn = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
+), 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" }, [
   b({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
   b({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
-  Ye({ label: "Previous", click: n }),
-  Ye({ label: "Next", click: s })
-]), sn = (e) => o(
+  We({ label: "Previous", click: n }),
+  We({ label: "Next", click: s })
+]), an = (e) => o(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
-), nn = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(sn), an = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
-  tn({
+), 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" }, [
+  nn({
     onMonthClick: e.onMonthClick,
     onYearClick: e.onYearClick,
     next: e.next,
@@ -2219,10 +2242,10 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     onSet: [
       "currentDate",
       () => [
-        o({ class: "grid grid-cols-7" }, nn()),
+        o({ class: "grid grid-cols-7" }, on()),
         o(
           { class: "grid grid-cols-7" },
-          en(
+          sn(
             e.current,
             e.today,
             e.select,
@@ -2232,7 +2255,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       ]
     ]
   })
-]), on = ({ currentMonth: e, currentYear: t, onSelect: s }) => {
+]), rn = ({ currentMonth: e, currentYear: t, onSelect: s }) => {
   const n = t - 50, a = Array.from({ length: 101 }, (l, r) => n + r);
   return o(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
@@ -2250,7 +2273,7 @@ const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     )
   );
 };
-class ln extends S {
+class cn extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -2266,7 +2289,7 @@ class ln extends S {
    * @returns {Date}
    */
   getSelectedDate(t) {
-    const s = this.selectedDate ? new Date(Gs(this.selectedDate)) : t;
+    const s = this.selectedDate ? new Date(Qs(this.selectedDate)) : t;
     return new Date(s.getFullYear(), s.getMonth(), s.getDate());
   }
   /**
@@ -2276,7 +2299,7 @@ class ln extends S {
    */
   setData() {
     const t = /* @__PURE__ */ new Date(), s = this.getSelectedDate(t), n = s.getMonth();
-    return new O({
+    return new N({
       monthName: this.getMonthName(n),
       currentDate: `${s.getFullYear()}-${n + 1}-${s.getDate()}`,
       current: {
@@ -2341,7 +2364,7 @@ class ln extends S {
    */
   setCurrentDate(t, s, n = null) {
     const a = this.data;
-    a.current.month = t, a.current.year = s, typeof n == "number" && (a.current.date = z(n)), a.currentDate = `${s}-${z(t + 1)}-${a.current.date}`, a.monthName = this.getMonthName(t);
+    a.current.month = t, a.current.year = s, typeof n == "number" && (a.current.date = O(n)), a.currentDate = `${s}-${O(t + 1)}-${a.current.date}`, a.monthName = this.getMonthName(t);
   }
   /**
    * This will select a date.
@@ -2363,7 +2386,7 @@ class ln extends S {
       M("view", (t) => {
         switch (t) {
           case "months":
-            return qs(
+            return Ks(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2375,7 +2398,7 @@ class ln extends S {
               }
             );
           case "years":
-            return on(
+            return rn(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2387,7 +2410,7 @@ class ln extends S {
               }
             );
           default:
-            return an({
+            return ln({
               // @ts-ignore
               current: this.data.current,
               // @ts-ignore
@@ -2408,57 +2431,57 @@ class ln extends S {
     ]);
   }
 }
-const rn = (e) => {
+const dn = (e) => {
   let t = "";
   return e.length > 0 && (t = e.substring(0, 2), e.length > 2 && (t += "/" + e.substring(2, 4), e.length > 4 && (t += "/" + e.substring(4, 8)))), t;
-}, cn = (e) => {
+}, un = (e) => {
   if (e.length !== 8)
     return null;
   const t = parseInt(e.substring(0, 2), 10), s = parseInt(e.substring(2, 4), 10), n = parseInt(e.substring(4, 8), 10);
   return t >= 1 && t <= 12 && s >= 1 && s <= 31 && n >= 1900 ? `${n}-${t.toString().padStart(2, "0")}-${s.toString().padStart(2, "0")}` : null;
-}, dn = ({ bind: e, required: t }) => p({
+}, hn = ({ bind: e, required: t }) => p({
   cache: "input",
   class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
   bind: e,
   required: t
-}), un = ({ placeholder: e, handleInputChange: t, handleInputFocus: s }) => p({
+}), fn = ({ placeholder: e, handleInputChange: t, handleInputFocus: s }) => p({
   cache: "dateInput",
   class: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground border-0",
   placeholder: e || "mm/dd/yyyy",
   input: t,
   focus: s,
   onState: ["selectedDate", (n) => n ? se.format("standard", n) : ""]
-}), hn = ({ 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: l }) => o(
   {
     class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 pr-4 py-2"
   },
   [
-    dn({ bind: e, required: t }),
-    un({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+    hn({ bind: e, required: t }),
+    fn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
     v(
       {
         class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
         click: s
       },
       [
-        E({ html: h.calendar.days })
+        U({ html: g.calendar.days })
       ]
     )
   ]
-), fn = ({ handleDateSelect: e, blockPriorDates: t }) => we(
+), mn = ({ handleDateSelect: e, blockPriorDates: t }) => ve(
   (s, n, a) => new ae({
     cache: "dropdown",
     parent: a,
     button: a.panel,
     size: "fit"
   }, [
-    new ln({
+    new cn({
       selectedDate: a.state.selectedDate,
       selectedCallBack: e,
       blockPriorDates: t
     })
   ])
-), Mo = N(
+), Bo = F(
   {
     /**
      * The initial state of the DatePicker.
@@ -2487,9 +2510,9 @@ const rn = (e) => {
      */
     handleInputChange(e) {
       const s = e.target.value.replace(/\D/g, "");
-      e.target.value = rn(s);
-      const n = cn(s);
-      n && (this.state.selectedDate = n, this.input.value = n, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(n));
+      e.target.value = dn(s);
+      const n = un(s);
+      n && (this.state.selectedDate = n, this.input.value = n, H.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(n));
     },
     /**
      * Handles input focus - select all text for easy editing.
@@ -2505,7 +2528,7 @@ const rn = (e) => {
      * @param {string} date
      */
     handleDateSelect(e) {
-      this.state.selectedDate = e, this.state.open = !1, this.input.value = e, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(e);
+      this.state.selectedDate = e, this.state.open = !1, this.input.value = e, H.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(e);
     },
     /**
      * Toggles the calendar popover.
@@ -2525,7 +2548,7 @@ const rn = (e) => {
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          hn({
+          gn({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -2533,7 +2556,7 @@ const rn = (e) => {
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          fn({
+          mn({
             handleDateSelect: this.handleDateSelect.bind(this),
             blockPriorDates: this.blockPriorDates || !1
           })
@@ -2541,7 +2564,7 @@ const rn = (e) => {
       );
     }
   }
-), 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
@@ -2552,50 +2575,50 @@ const rn = (e) => {
     click: t,
     "aria-label": `${e} month`,
     variant: "icon",
-    icon: e === "Previous" ? h.chevron.single.left : h.chevron.single.right
+    icon: e === "Previous" ? g.chevron.single.left : g.chevron.single.right
   }
-), gn = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
+), 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" }, [
   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 })
-]), mn = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), bn = () => o(
+  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(
   { class: "grid grid-cols-7 gap-1 text-center text-xs font-medium text-muted-foreground mb-2" },
-  ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(mn)
-), xn = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: l, isOtherMonth: r, click: c }) => {
-  let f = "ghost", m = "";
-  return n || a ? (f = "default", m = "bg-primary text-primary-foreground hover:bg-primary/90") : l && (m = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (m += " opacity-50 cursor-not-allowed"), r && (m += " text-muted-foreground opacity-50"), b(
+  ["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 }) => {
+  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(
     {
-      class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${m}`,
-      variant: f,
+      class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${h}`,
+      variant: u,
       disabled: s,
-      click: (w) => {
-        w.preventDefault(), w.stopPropagation(), s || c();
+      click: (y) => {
+        y.preventDefault(), y.stopPropagation(), s || c();
       }
     },
     e.toString()
   );
-}, pn = ({ today: e, current: t, blockPriorDates: s, onDateClick: n }) => {
-  const { start: a, end: l } = t, r = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), f = [], m = t.month === 0 ? 11 : t.month - 1, w = t.month === 0 ? t.year - 1 : t.year, q = new Date(w, m + 1, 0).getDate(), U = t.month === 11 ? 0 : t.month + 1, Y = t.month === 11 ? t.year + 1 : t.year;
-  for (let g = r - 1; g >= 0; g--) {
-    const d = q - g, y = R(w, m, d), I = new Date(w, m, d), T = new Date(e.year, e.month, e.date), L = I < T, G = s && L, K = a === y, Q = l === y, ht = a && l && y > a && y < l;
-    f.push({
+}, 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;
+  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;
+    u.push({
       day: d,
-      iso: y,
+      iso: w,
       disabled: G,
       isStart: K,
       isEnd: Q,
-      isBetween: ht,
+      isBetween: ft,
       isOtherMonth: !0,
-      click: () => n(y)
+      click: () => n(w)
     });
   }
-  for (let g = 1; g <= c; g++) {
-    const d = R(t.year, t.month, g), y = new Date(t.year, t.month, g), I = new Date(e.year, e.month, e.date), T = y < I, L = s && T, G = a === d, K = l === d, Q = a && l && d > a && d < l;
-    f.push({
-      day: g,
+  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;
+    u.push({
+      day: m,
       iso: d,
-      disabled: L,
+      disabled: j,
       isStart: G,
       isEnd: K,
       isBetween: Q,
@@ -2605,13 +2628,13 @@ const rn = (e) => {
       }
     });
   }
-  const De = (7 - f.length % 7) % 7;
-  for (let g = 1; g <= De; g++) {
-    const d = R(Y, U, g), y = new Date(Y, U, g), I = new Date(e.year, e.month, e.date), T = y < I, L = s && T, G = a === d, K = l === d, Q = a && l && d > a && d < l;
-    f.push({
-      day: g,
+  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;
+    u.push({
+      day: m,
       iso: d,
-      disabled: L,
+      disabled: j,
       isStart: G,
       isEnd: K,
       isBetween: Q,
@@ -2621,21 +2644,21 @@ const rn = (e) => {
   }
   return o(
     { class: "grid grid-cols-7 gap-1" },
-    f.map(
-      (g, d) => xn({
-        day: g.day,
-        iso: g.iso,
-        disabled: g.disabled,
-        isStart: g.isStart,
-        isEnd: g.isEnd,
-        isBetween: g.isBetween,
-        isOtherMonth: g.isOtherMonth,
-        click: g.click
+    u.map(
+      (m, d) => yn({
+        day: m.day,
+        iso: m.iso,
+        disabled: m.disabled,
+        isStart: m.isStart,
+        isEnd: m.isEnd,
+        isBetween: m.isBetween,
+        isOtherMonth: m.isOtherMonth,
+        click: m.click
       })
     )
   );
-}, yn = i((e, t) => o({ class: "flex flex-auto flex-col" }, [
-  gn({
+}, vn = i((e, t) => o({ class: "flex flex-auto flex-col" }, [
+  bn({
     // @ts-ignore
     onMonthClick: e.onMonthClick,
     // @ts-ignore
@@ -2650,8 +2673,8 @@ const rn = (e) => {
     onSet: [
       "currentDate",
       () => [
-        bn(),
-        pn({
+        pn(),
+        wn({
           // @ts-ignore
           today: e.today,
           // @ts-ignore
@@ -2664,7 +2687,7 @@ const rn = (e) => {
       ]
     ]
   })
-])), wn = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
+])), kn = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
   { class: "grid grid-cols-3 gap-2" },
   se.monthNames.map(
     (n, a) => b(
@@ -2678,25 +2701,25 @@ const rn = (e) => {
       n.substring(0, 3)
     )
   )
-), vn = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => o({ class: "flex gap-x-2 mb-4" }, [
+), Cn = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => o({ class: "flex gap-x-2 mb-4" }, [
   J("selecting", (l) => b({
     click: n,
     variant: l === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, Ve("current.start", "Start Date"))
+    o({ class: "font-medium" }, qe("current.start", "Start Date"))
   ])),
   J("selecting", (l) => b({
     click: a,
     variant: l === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, Ve("current.end", "End Date"))
+    o({ class: "font-medium" }, qe("current.end", "End Date"))
   ]))
-]), Ve = (e, t) => [`[[${e}]]`, (s) => s == null ? t : kn(s)], kn = (e) => {
+]), 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()]}`;
-}, Cn = ({ currentYear: e, onSelect: t }) => {
+}, $n = ({ currentYear: e, onSelect: t }) => {
   const s = e - 50, n = Array.from({ length: 101 }, (a, l) => s + l);
   return o(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
@@ -2714,7 +2737,7 @@ const rn = (e) => {
     )
   );
 };
-class Sn extends S {
+class Dn extends S {
   /**
    * Declare compiler props.
    *
@@ -2730,14 +2753,14 @@ class Sn extends S {
    */
   setData() {
     const t = /* @__PURE__ */ new Date(), s = this.startDate ? /* @__PURE__ */ new Date(this.startDate + "T00:00:00") : t, n = s.getMonth(), a = s.getFullYear();
-    return new O({
+    return new N({
       today: {
         date: t.getDate(),
         month: t.getMonth(),
         year: t.getFullYear()
       },
       monthName: this.getMonthName(n),
-      currentData: `${s.getFullYear()}-${z(s.getMonth() + 1)}-${z(s.getDate())}`,
+      currentData: `${s.getFullYear()}-${O(s.getMonth() + 1)}-${O(s.getDate())}`,
       current: {
         date: t.getDate(),
         month: n,
@@ -2801,7 +2824,7 @@ class Sn extends S {
    */
   setCurrent({ month: t, year: s, date: n = null }) {
     const a = this.data.current;
-    a.month = (t + 12) % 12, a.year = s + (t < 0 ? -1 : t > 11 ? 1 : 0), n !== null && (a.date = n), this.data.monthName = this.getMonthName(a.month), this.data.currentDate = `${s}-${z(t + 1)}-${z(a.date)}`;
+    a.month = (t + 12) % 12, a.year = s + (t < 0 ? -1 : t > 11 ? 1 : 0), n !== null && (a.date = n), this.data.monthName = this.getMonthName(a.month), this.data.currentDate = `${s}-${O(t + 1)}-${O(a.date)}`;
   }
   /**
    * Render the range calendar.
@@ -2811,7 +2834,7 @@ class Sn extends S {
   render() {
     const { today: t, current: s, selecting: n } = this.data, { start: a, end: l } = s;
     return o({ class: "range-calendar border border-border rounded-lg shadow-md p-4 w-full max-w-sm min-w-80" }, [
-      vn({
+      Cn({
         start: a,
         end: l,
         selecting: n,
@@ -2825,7 +2848,7 @@ class Sn extends S {
       M("view", (r) => {
         switch (r) {
           case "months":
-            return wn(
+            return kn(
               {
                 currentMonth: s.month,
                 currentYear: s.year,
@@ -2835,7 +2858,7 @@ class Sn extends S {
               }
             );
           case "years":
-            return Cn(
+            return $n(
               {
                 currentYear: s.year,
                 onSelect: (c) => {
@@ -2844,7 +2867,7 @@ class Sn extends S {
               }
             );
           default:
-            return yn({
+            return vn({
               // @ts-ignore
               monthName: this.data.monthName,
               year: s.year,
@@ -2859,12 +2882,12 @@ class Sn extends S {
                 c.preventDefault(), c.stopPropagation(), this.state.view = "years";
               },
               next: () => {
-                const c = this.data.current, f = c.month === 11 ? { month: 0, year: c.year + 1 } : { month: c.month + 1, year: c.year };
-                this.setCurrent(f);
+                const c = this.data.current, u = c.month === 11 ? { month: 0, year: c.year + 1 } : { month: c.month + 1, year: c.year };
+                this.setCurrent(u);
               },
               previous: () => {
-                const c = this.data.current, f = c.month === 0 ? { month: 11, year: c.year - 1 } : { month: c.month - 1, year: c.year };
-                this.setCurrent(f);
+                const c = this.data.current, u = c.month === 0 ? { month: 11, year: c.year - 1 } : { month: c.month - 1, year: c.year };
+                this.setCurrent(u);
               }
             });
         }
@@ -2872,35 +2895,35 @@ class Sn extends S {
     ]);
   }
 }
-const $n = ({ bind: e, required: t }) => p({
+const In = ({ bind: e, required: t }) => p({
   cache: "input",
   class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
   bind: e,
   required: t
-}), Dn = ({ bind: e, required: t, toggleOpen: s }) => v({
+}), Tn = ({ bind: e, required: t, toggleOpen: s }) => v({
   class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 px-4 py-2",
   click: s
 }, [
-  $n({ bind: e, required: t }),
-  V(({ state: n }) => [
-    u(W.date(["[[start]]", n], "Start Date")),
-    u(" - "),
-    u(W.date(["[[end]]", n], "End Date"))
+  In({ bind: e, required: t }),
+  q(({ state: n }) => [
+    f(V.date(["[[start]]", n], "Start Date")),
+    f(" - "),
+    f(V.date(["[[end]]", n], "End Date"))
   ]),
-  E({ html: h.calendar.days })
-]), In = ({ handleDateSelect: e, blockPriorDates: t }) => we((s, n, a) => new ae({
+  U({ html: g.calendar.days })
+]), Pn = ({ handleDateSelect: e, blockPriorDates: t }) => ve((s, n, a) => new ae({
   cache: "dropdown",
   parent: a,
   button: a.panel,
   size: "xl"
 }, [
-  new Sn({
+  new Dn({
     startDate: a.state.start,
     endDate: a.state.end,
     onRangeSelect: e,
     blockPriorDates: t
   })
-])), Po = N(
+])), zo = F(
   {
     /**
      * The initial state of the DateRangePicker.
@@ -2933,15 +2956,15 @@ const $n = ({ bind: e, required: t }) => p({
      */
     render() {
       const e = (s, { state: n }) => n.toggle("open"), t = (s, n) => {
-        this.state.start = s, this.state.end = n, this.state.open = !1, this.input.value = `${s}-${n}`, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange({ start: s, end: n }, this.parent);
+        this.state.start = s, this.state.end = n, this.state.open = !1, this.input.value = `${s}-${n}`, 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]" }, [
-        Dn({
+        Tn({
           toggleOpen: e,
           bind: this.bind,
           required: this.required
         }),
-        In({
+        Pn({
           handleDateSelect: t,
           blockPriorDates: this.blockPriorDates || !1
         })
@@ -2949,11 +2972,11 @@ const $n = ({ bind: e, required: t }) => p({
     }
   }
 );
-function Tn(e) {
+function Mn(e) {
   let t = "";
   return e.length > 0 && (t = e.substring(0, 2), e.length > 2 && (t += ":" + e.substring(2, 4))), t;
 }
-function Mn(e) {
+function Bn(e) {
   if (e.length < 4)
     return { formattedTime: null, hour: null, minute: null, meridian: null };
   const t = parseInt(e.substring(0, 2), 10), s = parseInt(e.substring(2, 4), 10);
@@ -2967,7 +2990,7 @@ function Mn(e) {
     meridian: a
   };
 }
-function Pn({ bind: e, required: t }) {
+function zn({ bind: e, required: t }) {
   return p({
     cache: "input",
     class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
@@ -2975,7 +2998,7 @@ function Pn({ bind: e, required: t }) {
     required: t
   });
 }
-function Bn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
+function On({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
   return p({
     cache: "timeInput",
     class: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground border-0",
@@ -2985,21 +3008,21 @@ function Bn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
     onState: ["selectedTime", (n) => n || ""]
   });
 }
-function zn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) {
+function Nn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) {
   return o(
     {
       class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 pr-4 py-2"
     },
     [
-      Pn({ bind: e, required: t }),
-      Bn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
+      zn({ bind: e, required: t }),
+      On({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
       v(
         {
           class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
           click: s
         },
         [
-          E({ html: h.clock })
+          U({ html: g.clock })
         ]
       )
     ]
@@ -3019,8 +3042,8 @@ function ue({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !
     })
   );
 }
-function On({ handleTimeSelect: e }) {
-  return we(
+function Fn({ handleTimeSelect: e }) {
+  return ve(
     (t, s, n) => new ae(
       {
         cache: "dropdown",
@@ -3066,7 +3089,7 @@ function On({ handleTimeSelect: e }) {
     )
   );
 }
-function qe(e) {
+function Ge(e) {
   if (!e)
     return { hour: null, minute: null, meridian: null };
   const t = /^(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)?$/i, s = e.match(t);
@@ -3079,7 +3102,7 @@ function qe(e) {
     meridian: l
   });
 }
-const Bo = N(
+const Oo = F(
   {
     /**
      * The initial shallow state of the TimePicker.
@@ -3087,7 +3110,7 @@ const Bo = N(
      * @member {object} state
      */
     state() {
-      const e = this.selectedTime ?? null, { hour: t, minute: s, meridian: n } = qe(e);
+      const e = this.selectedTime ?? null, { hour: t, minute: s, meridian: n } = Ge(e);
       return {
         selectedTime: e,
         open: !1,
@@ -3103,7 +3126,7 @@ const Bo = N(
      */
     after() {
       if (this.input.value) {
-        const { hour: e, minute: t, meridian: s } = qe(this.input.value);
+        const { hour: e, minute: t, meridian: s } = Ge(this.input.value);
         this.state.set({
           hour: e,
           minute: t,
@@ -3127,14 +3150,14 @@ const Bo = N(
      * @param {Event} e
      */
     handleInputChange(e) {
-      let t = e.target.value.replace(/[^\d]/g, ""), s = Tn(t);
-      const n = Mn(t);
+      let t = e.target.value.replace(/[^\d]/g, ""), s = Mn(t);
+      const n = Bn(t);
       n.formattedTime && (s = n.formattedTime, this.state.set({
         hour: n.hour,
         minute: n.minute,
         meridian: n.meridian,
         selectedTime: n.formattedTime
-      }), this.input.value = n.formattedTime, j.trigger("change", this.input), typeof this.change == "function" && this.change(n.formattedTime)), e.target.value = s;
+      }), this.input.value = n.formattedTime, H.trigger("change", this.input), typeof this.change == "function" && this.change(n.formattedTime)), e.target.value = s;
     },
     /**
      * Handles input focus - select all text for easy editing.
@@ -3152,7 +3175,7 @@ const Bo = N(
     handleTimeSelect({ hour: e, minute: t, meridian: s }) {
       if (e && (this.state.hour = e), t && (this.state.minute = t), s && (this.state.meridian = s), this.state.hour && this.state.minute && this.state.meridian) {
         const n = `${this.state.hour}:${this.state.minute} ${this.state.meridian}`;
-        this.state.selectedTime = n, this.state.open = !1, this.input.value = n, j.trigger("change", this.input), typeof this.change == "function" && this.change(n);
+        this.state.selectedTime = n, this.state.open = !1, this.input.value = n, H.trigger("change", this.input), typeof this.change == "function" && this.change(n);
       }
     },
     /**
@@ -3164,7 +3187,7 @@ const Bo = N(
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          zn({
+          Nn({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -3172,18 +3195,18 @@ const Bo = N(
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          On({
+          Fn({
             handleTimeSelect: this.handleTimeSelect.bind(this)
           })
         ]
       );
     }
   }
-), Nn = (e, t) => o({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
+), Ln = (e, t) => o({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
   x({ size: "lg" }, e)
-]), Fn = ({ title: e }) => ee({ class: "flex flex-auto items-center" }, [
+]), Rn = ({ title: e }) => ee({ class: "flex flex-auto items-center" }, [
   Z({ class: "text-lg font-semibold" }, e)
-]), zo = i((e, t) => xt(
+]), No = i((e, t) => pt(
   {
     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
@@ -3196,21 +3219,21 @@ const Bo = N(
     o({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
       // Icon and content
       // @ts-ignore
-      e.icon && Nn(e.icon, e.iconColor),
+      e.icon && Ln(e.icon, e.iconColor),
       o({ class: "flex flex-auto flex-col gap-4" }, [
         o({ class: "flex flex-auto flex-col gap-y-2" }, [
-          Fn(e),
+          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)
         ]),
         // @ts-ignore
-        e.buttons && be({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, e.buttons)
+        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)
       ])
     ])
   ]
-)), Oo = i((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
-  nt({ class: "flex flex-auto flex-col" }, [
+)), 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" }, [
         // @ts-ignore
@@ -3240,28 +3263,28 @@ i(({ value: e, label: t }) => v({
   dataSet: ["performance", ["state", e, "active"]],
   click: (s, { state: n }) => n.performance = e
 }, t));
-const Ln = (e, t) => {
+const An = (e, t) => {
   const s = e.toggleAllSelectedRows();
   t.state.checked = !s;
-}, An = (e) => Je({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
-  V((t) => new qt({ class: "mr-2", onChange: (s, n) => Ln(t, n) }))
-]), Rn = ({ align: e, sortable: t, key: s, label: n, sort: a, class: l }) => {
+}, 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 }) => {
   const r = e || "justify-start";
-  return Je({
+  return Xe({
     class: `cursor-pointer py-3 px-4 text-base ${l || ""}`,
     click: t && (() => a(s))
   }, [
     o({ class: `flex flex-auto w-full items-center ${r}` }, [
-      u(n),
-      t && E({ class: "ml-2", html: h.arrows.upDown })
+      f(n),
+      t && U({ class: "ml-2", html: g.arrows.upDown })
     ])
   ]);
-}, $e = (e) => pt([
-  yt({
+}, De = (e) => yt([
+  wt({
     class: "text-muted-foreground border-b",
     map: [
       e.headers,
-      (t) => t.label === "checkbox" ? An({ toggle: e.toggle }) : Rn({
+      (t) => t.label === "checkbox" ? jn({ toggle: e.toggle }) : En({
         align: t.align,
         sortable: t.sortable,
         key: t.key,
@@ -3270,7 +3293,7 @@ const Ln = (e, t) => {
       })
     ]
   })
-]), jn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: r }) => new St({
+]), _n = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: r }) => new $t({
   cache: "list",
   key: e,
   items: t,
@@ -3280,7 +3303,7 @@ const Ln = (e, t) => {
   skeleton: l,
   columnCount: r
 });
-class lt extends S {
+class rt extends S {
   /**
    * Initializes component data.
    *
@@ -3288,7 +3311,7 @@ class lt extends S {
    */
   setData() {
     let t = this.rows && this.rows.length > 0;
-    return (this.loadMoreItems || this.tableData) && !t && (t = null), new O({
+    return (this.loadMoreItems || this.tableData) && !t && (t = null), new N({
       selectedRows: [],
       // @ts-ignore
       hasItems: t,
@@ -3361,12 +3384,12 @@ class lt extends S {
     return o({ class: "w-full flex flex-auto flex-col" }, [
       J("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        ve({ class: "w-full" }, [
+        ke({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && $e({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && De({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          jn({
+          _n({
             // @ts-ignore
             key: this.key,
             // @ts-ignore
@@ -3445,7 +3468,7 @@ class lt extends S {
     this.data.selectedRows = [];
   }
 }
-const En = (e) => new $t({
+const Hn = (e) => new Dt({
   cache: "list",
   loadMoreItems: e.loadMoreItems,
   offset: e.offset,
@@ -3459,7 +3482,7 @@ const En = (e) => new $t({
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Hn extends lt {
+class Un extends rt {
   /**
    * Renders the DataTable component.
    *
@@ -3470,12 +3493,12 @@ class Hn extends lt {
     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 }] }, [
-        ve({ class: "w-full" }, [
+        ke({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && $e({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && De({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          En({
+          Hn({
             // @ts-ignore
             loadMoreItems: this.loadMoreItems,
             // @ts-ignore
@@ -3513,7 +3536,7 @@ class Hn extends lt {
     this.list.refresh();
   }
 }
-const No = i((e) => new Hn(
+const Lo = i((e) => new Un(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3546,7 +3569,7 @@ const No = i((e) => new Hn(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), _n = (e) => new Dt({
+)), Yn = (e) => new It({
   cache: "list",
   scrollContainer: e.scrollContainer,
   loadMoreItems: e.loadMoreItems,
@@ -3561,7 +3584,7 @@ const No = i((e) => new Hn(
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Un extends lt {
+class Wn extends rt {
   /**
    * Renders the DataTable component.
    *
@@ -3572,12 +3595,12 @@ class Un extends lt {
     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 }] }, [
-        ve({ class: "w-full" }, [
+        ke({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && $e({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && De({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          _n({
+          Yn({
             // @ts-ignore
             scrollContainer: this.scrollContainer,
             // @ts-ignore
@@ -3617,7 +3640,7 @@ class Un extends lt {
     this.list.refresh();
   }
 }
-const Fo = i((e) => new Un(
+const Ro = i((e) => new Wn(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3652,28 +3675,28 @@ const Fo = i((e) => new Un(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Yn = i(({ name: e, email: t }) => o({ class: "min-w-0 flex-auto" }, [
+)), Vn = i(({ name: e, email: t }) => o({ class: "min-w-0 flex-auto" }, [
   k({ class: "text-base font-semibold leading-6 m-0" }, e),
   k({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, t)
-])), Wn = () => o({ class: "flex items-center gap-x-1.5" }, [
+])), 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" })
   ]),
   k({ class: "text-xs leading-5 text-gray-500" }, "Online")
-]), Vn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
-  u("Last seen "),
-  wt({ datetime: e }, "3h ago")
-]), qn = (e, t) => e === "online" ? Wn() : Vn(t), Gn = i(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
+]), 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" }, [
   k({ class: "text-sm leading-6 m-0" }, e),
-  qn(s, t)
-])), Kn = (e) => e.split(" ").map((s) => s[0]).join(""), Qn = i((e) => ye({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
+  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" }, [
     // @ts-ignore
-    Os({ src: e.image, alt: e.name, fallbackText: Kn(e.name) }),
+    Fs({ src: e.image, alt: e.name, fallbackText: Jn(e.name) }),
     // @ts-ignore
-    Yn({ name: e.name, email: e.email })
+    Vn({ name: e.name, email: e.email })
   ]),
-  Gn({
+  Qn({
     // @ts-ignore
     role: e.role,
     // @ts-ignore
@@ -3681,16 +3704,16 @@ const Fo = i((e) => new Un(
     // @ts-ignore
     status: e.status
   })
-])), Lo = i((e) => new It({
+])), Ao = i((e) => new Tt({
   cache: "list",
   key: "name",
   // @ts-ignore
   items: e.users,
   role: "list",
   class: "divide-y divide-border",
-  rowItem: Qn
+  rowItem: Xn
 }));
-class Jn extends S {
+class Zn extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3751,14 +3774,14 @@ class Jn extends S {
     });
   }
 }
-const Xn = i(({ options: e, click: t }, s) => ({
+const ea = i(({ options: e, click: t }, s) => ({
   tag: "li",
   ...{
     class: `relative flex flex-row w-auto text-left p-0 transition-all cursor-pointer min-w-[48px] option${e ? " sub" : ""}`,
     click: t
   },
   children: s
-})), Zn = (e, t = null, s = !1) => [
+})), ta = (e, t = null, s = !1) => [
   t && o({
     class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
     onState: ["selected", {
@@ -3767,8 +3790,8 @@ const Xn = i(({ options: e, click: t }, s) => ({
   }, [
     x({ size: "sm" }, t)
   ]),
-  H({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, e),
-  s && u(
+  Y({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, e),
+  s && f(
     {
       class: "flex justify-center items-center px-1 transition-all text-muted-foreground mr-2",
       onState: [
@@ -3781,11 +3804,11 @@ const Xn = i(({ options: e, click: t }, s) => ({
       ]
     },
     [
-      x({ size: "xs" }, h.chevron.single.down)
+      x({ size: "xs" }, g.chevron.single.down)
     ]
   )
 ];
-class rt extends S {
+class it extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3802,7 +3825,7 @@ class rt extends S {
    */
   render() {
     const t = !this.options && this.callBack;
-    return Xn(
+    return ea(
       { options: this.options, click: t },
       [
         this.addLink()
@@ -3816,8 +3839,8 @@ class rt extends S {
    * @protected
    */
   addLink() {
-    const t = this.options && this.options.length > 0, s = this.content || Zn(String(this.label), this.icon, t);
-    return this.href ? new kt(
+    const t = this.options && this.options.length > 0, s = this.content || ta(String(this.label), this.icon, t);
+    return this.href ? new Ct(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
         cache: "link",
@@ -3826,7 +3849,7 @@ class rt extends S {
         exact: this.exact || !1
       },
       s
-    ) : new Jn({
+    ) : new Zn({
       class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
       cache: "link",
       checkCallBack: this.checkCallBack
@@ -3844,10 +3867,10 @@ class rt extends S {
     this.link.update(t);
   }
 }
-const ea = i(({ map: e }, t) => te({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
-  Ge({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
+const sa = i(({ map: e }, t) => te({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
+  Ke({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
 ]));
-class ta extends S {
+class na extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3863,7 +3886,7 @@ class ta extends S {
    */
   render() {
     const t = this.mapOptions(this.options), s = this.class || "", n = this.mobileBorder ? "border md:border-0 rounded-md" : "";
-    return pe({ class: `navigation flex flex-auto flex-col ${s}` }, [
+    return ye({ class: `navigation flex flex-auto flex-col ${s}` }, [
       te({
         class: `relative group flex flex-col gap-2 py-2 px-2 list-none m-0 ${n}`,
         map: t
@@ -3896,7 +3919,7 @@ class ta extends S {
    */
   addGroup(t) {
     const s = this.mapOptions(t.options);
-    return ea({ map: s }, t.group);
+    return sa({ map: s }, t.group);
   }
   /**
    * This will add a link.
@@ -3905,10 +3928,10 @@ class ta extends S {
    * @returns {object}
    */
   addLink(t) {
-    return new rt(t);
+    return new it(t);
   }
 }
-class it extends ta {
+class ct extends na {
   onCreated() {
     this.links = [];
   }
@@ -3919,7 +3942,7 @@ class it extends ta {
    * @returns {object}
    */
   setupSubNav(t) {
-    return new aa(
+    return new la(
       {
         parentLink: t,
         options: t.options
@@ -3943,7 +3966,7 @@ class it extends ta {
    * @returns {object}
    */
   addLink(t) {
-    const s = new rt(t);
+    const s = new it(t);
     if (this.links.push(s), !s.options)
       return s;
     const n = this.addSubNav(s);
@@ -3954,11 +3977,11 @@ class it extends ta {
     };
   }
 }
-const sa = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), na = (e, t) => {
+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 s = e.link.panel.pathname;
-  return !s && e.isSelected() ? !0 : e.exact ? t === s : sa(s, t);
+  return !s && e.isSelected() ? !0 : e.exact ? t === s : aa(s, t);
 };
-class aa extends it {
+class la extends ct {
   /**
    * This will declare the props for the compiler.
    *
@@ -3974,7 +3997,7 @@ class aa extends it {
    */
   render() {
     const t = `navigation flex flex-auto flex-col sub ${this.mainClassName || ""}`, s = this.mapOptions(this.options);
-    return pe({ class: t, onState: this.onState() }, [
+    return ye({ class: t, onState: this.onState() }, [
       te({ class: "relative group flex flex-col gap-2 py-2 px-0 list-none m-0" }, [...s, ...this.addSubs(), this.addWatcher()])
     ]);
   }
@@ -4040,27 +4063,27 @@ class aa extends it {
   updateLinks(t) {
     let s = !1;
     for (const n of this.links)
-      if (n.rendered && (s = na(n, t), s === !0))
+      if (n.rendered && (s = oa(n, t), s === !0))
         break;
     this.parentLink.update(s);
   }
 }
-const oa = (e) => xe({ class: "text-lg ml-2" }, e), la = (e) => o({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
+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" }, [
   b({
     variant: "icon",
     class: "m-2",
     click: (t, { state: s }) => s.toggle("open"),
-    icon: h.arrows.left
+    icon: g.arrows.left
   }),
-  e.title && oa(e.title)
-]), ra = () => o({
+  e.title && ra(e.title)
+]), ca = () => o({
   class: `
 			absolute inset-0 bg-black/40 z-[-1] fadeIn
 			transition-opacity duration-200
 		`,
   click: (e, { state: t }) => t.open = !1
 });
-class ia extends S {
+class da extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -4079,7 +4102,7 @@ class ia extends S {
       class: "fixed inset-0 z-50",
       style: "[[typeClass]]"
     }, [
-      ra(),
+      ca(),
       // Popover Content
       o({
         class: `
@@ -4088,7 +4111,7 @@ class ia extends S {
         dataSet: ["open", ["expanded", !0, "true"]]
       }, [
         o({ class: "flex flex-auto flex-col w-full h-full overflow-y-auto max-h-[85vh] rounded-md bg-popover border" }, [
-          la({ title: this.title }),
+          ia({ title: this.title }),
           o({ class: "flex flex-auto flex-col" }, this.children)
         ])
       ])
@@ -4126,56 +4149,48 @@ class ia extends S {
     this.container = app.root;
   }
 }
-const ct = () => b({ class: "m-2", variant: "ghost", addState() {
+const dt = () => b({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
 }, click: (e, { state: t }) => t.toggle("open") }, [
-  x({}, h.bar.three)
-]), ca = (e) => xe({ class: "text-lg ml-2" }, e), da = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
-  ct(),
-  e.title && ca(e.title)
-]), dt = (e, t) => {
-  e.forEach((s) => {
-    if (s.options) {
-      dt(s.options, t);
-      return;
-    }
-    s.callBack = t;
-  });
-}, ut = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+  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(),
+  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" }, [
   M(
     "open",
     (t) => t ? [
-      new ia({ title: e.title }, [
-        V(({ state: s }) => {
-          const n = (a) => s.open = !1;
-          return dt(e.options, n), new it(
+      new da({ title: e.title }, [
+        q(({ state: s }) => {
+          const n = (l) => s.open = !1, a = ut(e.options, n);
+          return new ct(
             {
-              options: e.options
+              options: a
             }
           );
         })
       ])
     ] : null
   )
-]), Ao = i((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
+]), jo = i((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   o([
-    ct(),
-    ut(e)
+    dt(),
+    ht(e)
   ])
-])), Ro = i((e) => o({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
+])), 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" }, [
-    da(e),
-    ut(e)
+    ha(e),
+    ht(e)
   ])
-])), jo = i((e) => {
+])), _o = i((e) => {
   const t = e.margin || "m-4 ml-0";
   return o({ class: `flex-none ${t}` }, [
     b({ variant: "back", class: "ghost", ...e })
   ]);
 });
-class ua extends S {
+class fa extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -4270,13 +4285,13 @@ class ua extends S {
     return this.children;
   }
 }
-Ze.addType("dockableOverlay", (e) => {
+et.addType("dockableOverlay", (e) => {
   if (!e)
     return;
   const t = e.component;
   t && t.rendered === !0 && t.state.docked === !1 && t.destroy();
 });
-class Eo extends ua {
+class Ho extends fa {
   /**
    * This will stop presistence.
    *
@@ -4346,7 +4361,7 @@ class Eo extends ua {
    * @returns {void}
    */
   afterSetup() {
-    Ze.add(
+    et.add(
       this.container,
       "dockableOverlay",
       {
@@ -4381,7 +4396,7 @@ class Eo extends ua {
     this.state.docked = this.canDock();
   }
 }
-const ha = i(({ index: e, click: t, state: s }, n) => ye({
+const ga = i(({ index: e, click: t, state: s }, n) => we({
   class: "p-2 cursor-pointer hover:bg-muted/50",
   onState: [
     [s, "selectedIndex", {
@@ -4390,11 +4405,11 @@ const ha = i(({ index: e, click: t, state: s }, n) => ye({
     }]
   ],
   click: () => t(e)
-}, n)), fa = i(({ selectOption: e, state: t }) => te({
+}, 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) => ha({ index: n, click: e, state: t }, s.label)]
-})), ga = i((e) => o({ class: "relative flex flex-auto items-center" }, [
-  F({
+  for: ["filteredOptions", (s, n) => ga({ index: n, click: e, state: t }, s.label)]
+})), ba = i((e) => o({ class: "relative flex flex-auto items-center" }, [
+  L({
     cache: "input",
     // @ts-ignore
     class: e.class ?? "",
@@ -4418,7 +4433,7 @@ const ha = i(({ index: e, click: t, state: s }, n) => ye({
     // @ts-ignore
     x({ size: "sm" }, e.icon)
   ])
-])), ma = (e) => o({
+])), xa = (e) => o({
   class: "relative flex fle-auto flex-col",
   onState: ["open", (t, s, n) => {
     if (t)
@@ -4428,10 +4443,10 @@ const ha = i(({ index: e, click: t, state: s }, n) => ye({
         button: n.input,
         size: "xl"
       }, [
-        fa(e)
+        ma(e)
       ]);
   }]
-}), Ho = P(
+}), Uo = B(
   {
     /**
      * This will set up the data object.
@@ -4440,7 +4455,7 @@ const ha = i(({ index: e, click: t, state: s }, n) => ye({
      */
     setData() {
       const e = this.options || [];
-      return new O({
+      return new N({
         options: e,
         filteredOptions: e
       });
@@ -4528,7 +4543,7 @@ const ha = i(({ index: e, click: t, state: s }, n) => ye({
      */
     render() {
       return o({ class: "relative w-full max-w-md" }, [
-        ga({
+        ba({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4540,7 +4555,7 @@ const ha = i(({ index: e, click: t, state: s }, n) => ye({
           // @ts-ignore
           handleKeyDown: this.handleKeyDown.bind(this)
         }),
-        ma({
+        xa({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4551,8 +4566,8 @@ const ha = i(({ index: e, click: t, state: s }, n) => ye({
       ]);
     }
   }
-), _o = i((e) => {
-  const t = e.icon ?? h.magnifyingGlass.default;
+), Yo = i((e) => {
+  const t = e.icon ?? g.magnifyingGlass.default;
   return o({
     // @ts-ignore
     class: `relative flex items-center w-full rounded-xl bg-muted/30 focus-within:ring-2 focus-within:ring-ring transition-all ${e.containerClass || ""}`
@@ -4587,7 +4602,7 @@ const ha = i(({ index: e, click: t, state: s }, n) => ye({
     })
   ]);
 });
-class ba extends S {
+class pa extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -4605,7 +4620,7 @@ class ba extends S {
     return o({ class: `${this.class || ""}` }, this.children);
   }
 }
-class xa extends ba {
+class ya extends pa {
   /**
    * This will be called every time the route
    * is activated.
@@ -4615,15 +4630,15 @@ class xa extends ba {
   update(t) {
   }
 }
-const pa = i((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
+const wa = i((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
   tag: "section",
   ...e,
   children: t
-})), ya = i(({ title: e, description: t }) => ee({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
-  vt({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
+})), 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),
   t && k({ class: "text-base text-muted-foreground py-2 max-w-[700px]" }, t)
 ]));
-class Uo extends xa {
+class Wo extends ya {
   /**
    * This will declare the props for the compiler.
    *
@@ -4638,141 +4653,141 @@ class Uo extends xa {
    * @returns {object}
    */
   render() {
-    return pa([
-      ya({
+    return wa([
+      va({
         title: this.title,
         description: this.description
       }),
-      Tt(this.children)
+      Pt(this.children)
     ]);
   }
 }
 export {
-  go as $,
-  co as A,
-  jo as B,
-  ln as C,
-  lt as D,
-  bo as E,
-  zo as F,
-  Eo as G,
-  Do as H,
-  No as I,
-  _a as J,
-  Oo as K,
-  Oa as L,
-  to as M,
-  Fa as N,
+  bo as $,
+  ho as A,
+  _o as B,
+  cn as C,
+  rt as D,
+  po as E,
+  No as F,
+  Ho as G,
+  To as H,
+  Lo as I,
+  Ya as J,
+  Fo as K,
+  Fa as L,
+  no as M,
+  Ra as N,
   ne as O,
-  Aa as P,
-  La as Q,
-  Ea as R,
-  Na as S,
-  ja as T,
-  Ra as U,
-  nt as V,
-  uo as W,
-  fo as X,
-  ho as Y,
-  ws as Z,
-  xs as _,
-  Os as a,
-  Qn as a$,
-  Ht as a0,
-  ms as a1,
-  bs as a2,
-  ps as a3,
-  R as a4,
-  Uo as a5,
-  Rn as a6,
-  Za as a7,
-  he as a8,
-  rs as a9,
-  la as aA,
-  oo as aB,
-  Ya as aC,
-  Sn as aD,
-  so as aE,
-  lo as aF,
-  ro as aG,
-  Fo as aH,
-  Ho as aI,
-  ga as aJ,
-  no as aK,
-  _o as aL,
-  xo as aM,
-  aa as aN,
-  $e as aO,
-  Ha as aP,
-  Ua as aQ,
-  vo as aR,
-  Va as aS,
-  Bo as aT,
-  da as aU,
-  ko as aV,
-  Ma as aW,
-  io as aX,
+  ja as P,
+  Aa as Q,
+  Ha as R,
+  La as S,
+  _a as T,
+  Ea as U,
+  at as V,
+  fo as W,
+  mo as X,
+  go as Y,
+  ks as Z,
+  ys as _,
+  Fs as a,
+  Xn as a$,
+  Ut as a0,
+  xs as a1,
+  ps as a2,
+  ws as a3,
+  _ as a4,
+  Wo as a5,
+  En as a6,
+  to as a7,
+  fe as a8,
+  cs as a9,
+  ia as aA,
+  ro as aB,
+  Va as aC,
+  Dn as aD,
+  ao as aE,
+  io as aF,
+  co as aG,
+  Ro as aH,
+  Uo as aI,
+  ba as aJ,
+  oo as aK,
+  Yo as aL,
+  yo as aM,
+  la as aN,
+  De as aO,
+  Ua as aP,
+  Wa as aQ,
+  Co as aR,
+  Ga as aS,
+  Oo as aT,
+  ha as aU,
+  So as aV,
+  Ba as aW,
+  uo as aX,
   x as aY,
-  Xa as aZ,
-  Lo as a_,
-  Co as aa,
-  it as ab,
-  F as ac,
-  Et as ad,
-  za as ae,
-  So as af,
-  rt as ag,
-  pa as ah,
-  Pe as ai,
-  Ys as aj,
-  Ao as ak,
-  Ro as al,
-  an as am,
-  Ga as an,
-  ct as ao,
-  Jn as ap,
-  ta as aq,
-  ea as ar,
-  ia as as,
-  wo as at,
-  Qa as au,
-  ua as av,
-  ba as aw,
-  Ja as ax,
-  Ws as ay,
+  eo as aZ,
+  Ao as a_,
+  $o as aa,
+  ct as ab,
+  L as ac,
+  Ht as ad,
+  Na as ae,
+  Do as af,
+  it as ag,
+  wa as ah,
+  Be as ai,
+  Vs as aj,
+  jo as ak,
+  Eo as al,
+  ln as am,
+  Qa as an,
+  dt as ao,
+  Zn as ap,
+  na as aq,
+  sa as ar,
+  da as as,
+  ko as at,
+  Xa as au,
+  fa as av,
+  pa as aw,
+  Za as ax,
+  qs as ay,
   ae as az,
-  ra as b,
-  et as b0,
-  N as b1,
-  Ka as b2,
-  Gs as b3,
-  gs as b4,
-  Ia as b5,
-  Da as b6,
-  z as b7,
-  yo as b8,
-  Ta as c,
-  xa as d,
-  $o as e,
+  ca as b,
+  tt as b0,
+  F as b1,
+  Ja as b2,
+  Qs as b3,
+  bs as b4,
+  Pa as b5,
+  Ta as b6,
+  O as b7,
+  vo as b8,
+  Ma as c,
+  ya as d,
+  Io as e,
   b as f,
-  en as g,
-  jt as h,
-  qt as i,
-  An as j,
-  Ba as k,
-  ao as l,
-  Pa as m,
-  eo as n,
-  po as o,
-  Io as p,
-  Vs as q,
-  To as r,
-  jn as s,
-  Wa as t,
-  Mo as u,
-  Po as v,
-  qa as w,
+  sn as g,
+  _t as h,
+  Kt as i,
+  jn as j,
+  Oa as k,
+  lo as l,
+  za as m,
+  so as n,
+  wo as o,
+  Po as p,
+  Gs as q,
+  Mo as r,
+  _n as s,
+  qa as t,
+  Bo as u,
+  zo as v,
+  Ka as w,
   ce as x,
-  sn as y,
-  mo as z
+  an as y,
+  xo as z
 };