@base-framework/ui 1.2.53 → 1.2.54

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

@@ -1,10 +1,10 @@
-import { I as E, Span as u, Button as v, OnState as M, Div as o, Legend as gt, Fieldset as mt, H4 as Ke, P as k, Label as H, Checkbox as me, Input as p, Textarea as Qe, UseParent as V, 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 P, Component as S, Html as Ze, Data as z, Events as j, DateTime as se, NavLink as Ct, DataTracker as et } from "@base-framework/base";
-import { Icons as h } from "./icons.es.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 W } from "./format-DE4rFWuD.js";
-import { F as Mt } from "./bside-template-C7AQgQ6H.js";
-const Pt = {
+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",
   md: "w-8 h-8",
@@ -13,8 +13,8 @@ const Pt = {
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
 }, fe = i((e, t) => {
-  const s = Pt[e.size || "sm"];
-  return E({
+  const s = Mt[e.size || "sm"];
+  return U({
     ...e,
     // @ts-ignore
     class: `stroke-current icon-size ${s} ${e.class || ""}`,
@@ -35,7 +35,7 @@ const Pt = {
   // 56px - matches Icon
   "3xl": "w-16 h-16"
   // 64px - matches Icon
-}, Me = {
+}, Pe = {
   xs: "16px",
   sm: "24px",
   md: "32px",
@@ -43,14 +43,14 @@ const Pt = {
   xl: "48px",
   "2xl": "56px",
   "3xl": "64px"
-}, Pe = {
+}, Me = {
   outlined: "material-symbols-outlined",
   filled: "material-symbols-filled",
   rounded: "material-symbols-rounded",
   sharp: "material-symbols-sharp"
 }, Be = i((e) => {
-  const t = e.size || "sm", s = e.variant || "outlined", n = Te[t] || Te.sm, a = Me[t] || Me.sm, l = Pe[s] || Pe.outlined;
-  return u({
+  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 || ""}`,
@@ -69,7 +69,7 @@ const Pt = {
 }) : typeof t == "string" ? Be({
   ...e,
   name: t
-}) : fe(e, t) : null, Ia = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, Ta = (e) => typeof e == "string" && e.includes("<svg"), ze = {
+}) : 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",
@@ -154,13 +154,13 @@ const Pt = {
   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}`;
 }, Ma = i((e, t) => {
-  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: r, ringColor: c, ...f } = e, m = zt(s, { backgroundColor: l, textColor: r, ringColor: c });
-  return u({ ...f, class: m }, [
+  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 A = globalThis.history?.state?._pos ?? 0;
+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);
@@ -174,54 +174,67 @@ const ge = /* @__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) {
-    A++;
-    const l = s !== null && typeof s == "object" ? { ...s, _pos: A } : { _pos: A };
+    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 ?? A, 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" && (A = n);
+    typeof n == "number" && (z = n);
   });
 }
 const Oe = (e) => {
-  const t = globalThis.history?.state;
-  if (t?._entryPos !== 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 || {}, _entryPos: e },
+        {
+          ...t,
+          _entryKey: e.key,
+          _entryPos: e.pos,
+          _entrySourcePath: e.sourcePath,
+          _entryBasePath: e.basePath
+        },
         "",
         globalThis.location?.href
       );
     } catch {
     }
-}, Ft = (e) => {
-  const t = e || "", s = X.path || "", n = ge.get(t);
-  if (n && Ot(s, n.basePath))
-    return Oe(n.pos), n;
-  const a = globalThis.history?.state?._entryPos, l = typeof a == "number" ? a : A, r = {
-    pos: l,
-    sourcePath: X.lastPath || null,
-    basePath: Nt(s, e)
-  };
-  return Oe(l), ge.set(t, r), r;
 }, Lt = (e) => {
+  const t = globalThis.history?.state || {}, s = X.path || "", n = Nt(s, e), l = typeof t._entryKey == "string" && t._entryKey ? t._entryKey : `${e || ""}|${n}|${z}`, r = ge.get(l);
+  if (r && Ot(s, r.basePath))
+    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(e.backUrl);
+  const t = Ft(), s = Lt(e.backUrl);
   return () => {
-    Lt(e.backUrl);
-    const s = A - t.pos + 1;
-    if (t.pos > 0) {
-      globalThis.history.go(-s);
+    Rt(e.backUrl);
+    const n = z - s.pos + 1;
+    if (!t && s.pos > 0) {
+      globalThis.history.go(-n);
       return;
     }
     e.backUrl && X.navigate(e.backUrl);
@@ -241,11 +254,11 @@ class tt extends S {
     return s ? { data: s } : null;
   }
 }
-const O = (e) => (
+const F = (e) => (
   /** @type {VeilComponentConstructor} */
-  P(e, tt)
+  B(e, tt)
 );
-class Pa extends tt {
+class Ba extends tt {
   /**
    * Declare public props and their defaults.
    */
@@ -279,9 +292,9 @@ class Pa extends tt {
     const t = this.size, s = this.icon, n = this.activeIcon || this.icon, a = (() => {
       if (this.dataKey) {
         let r = `[[${this.dataKey}]]`;
-        return this.formatType === "number" ? r = 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(),
@@ -304,7 +317,7 @@ const re = {
   xl: "w-14 h-14",
   "2xl": "w-16 h-16"
 };
-class Ba extends S {
+class za extends S {
   /**
    * Declare public props.
    */
@@ -335,23 +348,23 @@ class Ba 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 za = 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,
@@ -362,7 +375,7 @@ const za = i((e, t) => {
     e.icon ? x({ size: a }, e.icon) : null,
     ...t || []
   ]);
-}), L = (e) => i((t, s) => v({
+}), E = (e) => i((t, s) => v({
   ...e,
   ...t,
   // @ts-ignore
@@ -384,10 +397,10 @@ const za = i((e, t) => {
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), Rt = (e) => i((t, s) => (t.icon = t.icon || h.arrows.left, t.click = t.click || At(t), st({
+}, s)), jt = (e) => i((t, s) => (t.icon = t.icon || g.arrows.left, t.click = t.click || At(t), st({
   ...e,
   ...t
-}, s))), jt = i((e, t) => {
+}, s))), Et = i((e, t) => {
   const s = e.size || "md", n = {
     xs: "w-6 h-6",
     sm: "w-8 h-8",
@@ -405,18 +418,18 @@ const za = i((e, t) => {
     ...t || []
   ]);
 }), Fe = {
-  primary: L({ class: "primary" }),
-  secondary: L({ class: "secondary" }),
-  destructive: L({ class: "destructive" }),
-  warning: L({ class: "warning" }),
-  outline: L({ class: "outline" }),
-  ghost: L({ class: "ghost" }),
-  link: L({ class: "link" }),
+  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: Rt({ class: "with-icon back-button" }),
-  circleIcon: jt
-}, b = i((e, t) => (Fe[e.variant] || Fe.primary)(e, t)), Oa = i((e, t) => b({ ...e, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, t)), Et = i((e, t) => {
+  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,
@@ -427,7 +440,7 @@ const za = i((e, t) => {
   ...e,
   // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${e.class || ""}`
-}, t)), Na = i((e, t) => {
+}, t)), Fa = i((e, t) => {
   const s = e.border === "full" ? "border rounded-md" : "border-t";
   return mt({
     ...e,
@@ -438,7 +451,7 @@ const za = i((e, t) => {
     e.legend && Ht(e.legend),
     o({ class: "flex flex-auto flex-col gap-y-6" }, t)
   ]);
-}), _t = i((e, t) => {
+}), Ut = i((e, t) => {
   const s = e.border === !0 ? "border-t" : "";
   return o({
     ...e,
@@ -460,7 +473,7 @@ const za = i((e, t) => {
     // Controls container: grows to fill remaining space, spacing between items
     o({ class: "flex flex-col gap-y-4" }, t)
   ]);
-}), Ut = "flex h-10 w-full px-3 py-2 text-sm", D = "rounded-md border border-border bg-input", $ = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", C = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", _ = "placeholder:text-muted-foreground", Ce = `${Ut} ${D} ${$} ${_} ${C}`, Yt = ({ id: e, checked: t, bind: s, required: n }) => me({
+}), Yt = "flex h-10 w-full px-3 py-2 text-sm", D = "rounded-md border border-border bg-input", $ = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", C = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", 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",
@@ -470,15 +483,15 @@ const za = i((e, t) => {
   required: n,
   checked: t,
   bind: s
-}), Wt = () => 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
   )
-]), Vt = ({ 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
 			${$}
@@ -498,13 +511,13 @@ const za = i((e, t) => {
   tabIndex: 0,
   click: a
 }, [
-  Yt({ bind: t, checked: s, id: e, required: n }),
-  Wt()
-]), qt = ({ 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), Gt = P(
+}, t), Kt = B(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -543,7 +556,7 @@ const za = 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 || ""}` }, [
-        Vt({
+        qt({
           id: e,
           // @ts-ignore
           bind: this.bind,
@@ -555,38 +568,38 @@ const za = i((e, t) => {
           clickHandler: t
         }),
         // @ts-ignore
-        this.label && qt({ id: e, label: this.label, clickHandler: t })
+        this.label && Gt({ id: e, label: this.label, clickHandler: t })
       ]);
     }
   }
-), Kt = (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;
-}, Qt = (e) => {
-  const t = e.target, s = Kt(t.value);
+}, Jt = (e) => {
+  const t = e.target, s = Qt(t.value);
   s && (t.value = s);
-}, Jt = [
+}, Xt = [
   "peer w-full h-14 px-3 pt-5 pb-1",
   "text-base text-foreground",
   D,
   $,
   C,
   "placeholder-transparent"
-].join(" "), Xt = [
+].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(" "), Zt = [
+].join(" "), es = [
   "peer w-full h-14 px-3 pt-5 pb-1 pr-10",
   "text-base text-foreground appearance-none",
   D,
   $,
   C
-].join(" "), es = [
+].join(" "), ts = [
   "absolute left-3",
   "text-foreground-secondary",
   "transition-all duration-200",
@@ -597,7 +610,7 @@ const za = 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(" "), ts = [
+].join(" "), ss = [
   "absolute left-3",
   "text-foreground-secondary",
   "transition-all duration-200",
@@ -607,18 +620,18 @@ const za = i((e, t) => {
   // Placeholder state (empty + not focused)
   "peer-[:placeholder-shown:not(:focus)]:top-3.5",
   "peer-[:placeholder-shown:not(:focus)]:text-base"
-].join(" "), ss = [
+].join(" "), ns = [
   "absolute left-3 top-2",
   "text-xs text-foreground-secondary",
   "pointer-events-none select-none"
 ].join(" ");
-let ns = 0;
-const Se = (e) => e.id || e.name || `floating-${++ns}`, $e = (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, as = () => 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 = Se(e);
   return o({ class: "relative" }, [
@@ -626,20 +639,20 @@ const Se = (e) => e.id || e.name || `floating-${++ns}`, $e = (e, t, s, n) => e ?
       ...e,
       id: t,
       placeholder: " ",
-      class: `${Jt} ${e.class || ""}`.trim()
+      class: `${Xt} ${e.class || ""}`.trim()
     }),
-    $e(e.label, e.required, t, es)
+    $e(e.label, e.required, t, ts)
   ]);
-}), Fa = 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: Qt
+    keyup: Jt
   })
-), La = i(
+), Ra = i(
   (e) => ne({
     ...e,
     type: "email",
@@ -653,28 +666,28 @@ const Se = (e) => e.id || e.name || `floating-${++ns}`, $e = (e, t, s, n) => e ?
     name: e.name || "Password",
     label: e.label || "Password"
   })
-), Ra = i(
+), ja = i(
   (e) => ne({
     ...e,
     type: "number"
   })
-), ja = i(
+), Ea = i(
   (e) => ne({
     ...e,
     type: "url",
     name: e.name || "Url",
     label: e.label || "URL"
   })
-), Ea = i((e) => {
+), _a = i((e) => {
   const t = Se(e);
   return o({ class: "relative" }, [
     Qe({
       ...e,
       id: t,
       placeholder: " ",
-      class: `${Xt} ${e.class || ""}`.trim()
+      class: `${Zt} ${e.class || ""}`.trim()
     }),
-    $e(e.label, e.required, t, ts)
+    $e(e.label, e.required, t, ss)
   ]);
 }), Ha = i((e) => {
   const t = Se(e), { options: s, onCreated: n, ...a } = e;
@@ -683,26 +696,26 @@ const Se = (e) => e.id || e.name || `floating-${++ns}`, $e = (e, t, s, n) => e ?
       tag: "select",
       ...a,
       id: t,
-      class: `[&>option]:text-foreground [&>option]:bg-background ${Zt} ${a.class || ""}`.trim(),
+      class: `[&>option]:text-foreground [&>option]:bg-background ${es} ${a.class || ""}`.trim(),
       onCreated(l) {
         s && Ze.setupSelectOptions(l, s), typeof n == "function" && n(l);
       }
     },
-    as(),
-    $e(e.label, e.required, t, ss)
+    os(),
+    $e(e.label, e.required, t, ns)
   ]);
-}), os = (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;
-}, ls = (e) => {
-  const t = e.target, s = os(t.value);
+}, rs = (e) => {
+  const t = e.target, s = ls(t.value);
   s && (t.value = s);
-}, N = i((e) => p({
+}, L = i((e) => p({
   ...e,
   // @ts-ignore
   class: `${Ce} ${e.class || ""}`.trim()
-})), _a = i((e) => N({
+})), Ua = i((e) => L({
   ...e,
   type: "tel",
   // @ts-ignore
@@ -712,8 +725,8 @@ const Se = (e) => e.id || e.name || `floating-${++ns}`, $e = (e, t, s, n) => e ?
   placeholder: "(555) 555-5555",
   // @ts-ignore
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
-  keyup: ls
-})), Ua = i((e) => N({
+  keyup: rs
+})), Ya = i((e) => L({
   ...e,
   type: "email",
   // @ts-ignore
@@ -721,61 +734,61 @@ const Se = (e) => e.id || e.name || `floating-${++ns}`, $e = (e, t, s, n) => e ?
   // @ts-ignore
   label: e.label || "Email",
   placeholder: "Email address"
-})), Ya = i((e) => Qe({
+})), 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()
-})), Wa = (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)
-]), Va = 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()
-})), qa = 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()
-})), Ga = 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()
-})), Ka = 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()
-})), Qa = 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()
-})), Ja = i((e) => N({
+  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Xa = i((e) => L({
   ...e,
   type: "number"
-})), Xa = i((e) => N({
+})), Za = i((e) => L({
   ...e,
   type: "password"
 }));
-i((e) => N({
+i((e) => L({
   ...e,
   type: "search"
 }));
-const Za = i((e) => N({
+const eo = i((e) => L({
   ...e,
   type: "url"
-})), eo = i((e) => N({
+})), to = i((e) => L({
   ...e,
   type: "hidden"
-})), to = i((e) => p({
+})), so = i((e) => p({
   ...e,
   type: "color",
   // @ts-ignore
@@ -786,12 +799,12 @@ i((e) => me({
   // @ts-ignore
   class: `flex h-4 w-4 text-foreground ${D} ${$} ${C} ${e.class || ""}`.trim()
 }));
-const rs = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", so = 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: `${Ce} ${rs} ${e.class || ""}`.trim()
-})), no = O(
+  class: `${Ce} ${is} ${e.class || ""}`.trim()
+})), ao = F(
   {
     /**
      * This will create the initial state of the RangeSlider.
@@ -824,7 +837,7 @@ const rs = "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",
@@ -863,7 +876,7 @@ const rs = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       ]);
     }
   }
-), ao = i((e) => {
+), oo = i((e) => {
   const { options: t, onCreated: s, ...n } = e;
   return {
     tag: "select",
@@ -873,7 +886,7 @@ const rs = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     ...n,
     class: `[&>option]:text-foreground [&>option]:bg-background ${Ce} ${n.class || ""}`.trim()
   };
-}), is = i(({ src: e, alt: t, class: s, checkPath: n = !0, loading: a = "lazy", decoding: l = "async", fetchPriority: r = "auto" }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : be({
+}), cs = i(({ src: e, alt: t, class: s, checkPath: n = !0, loading: a = "lazy", decoding: 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,
@@ -885,7 +898,7 @@ const rs = "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"
-})), cs = (e) => !e || isNaN(e) ? null : e, Le = (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 -->
@@ -928,20 +941,20 @@ const rs = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     class: "circle-graph text-inherit",
     html: r
   });
-}, oo = i((e) => {
+}, 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 = cs(a), a ? Le(a, s) : n)
+      (a) => (a = ds(a), a ? Le(a, s) : n)
     ]
   }, [n]);
-}), ds = () => 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]
-})), lo = O(
+})), ro = F(
   {
     /**
      * This will render the progress bar component.
@@ -950,7 +963,7 @@ const rs = "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" }, [
-        ds()
+        us()
       ]);
     },
     /**
@@ -993,7 +1006,7 @@ const rs = "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;
     }
   }
-), ro = i((e = {}) => {
+), io = i((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -1002,19 +1015,19 @@ const rs = "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"
   });
-}), io = i((e = {}) => {
+}), co = i((e = {}) => {
   const {
     class: t = "",
     background: s = !0,
@@ -1023,19 +1036,19 @@ const rs = "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"
   });
-}), Ae = {
+}), 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",
@@ -1044,19 +1057,19 @@ const rs = "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"
-}, us = (e) => Ae[String(e)] || Ae.top, co = i(({ position: e = "top", content: t }, s) => {
-  const n = us(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
 			`
     }, t)
   ]);
-}), Re = {
+}), Ae = {
   info: {
     borderColor: "border-blue-500",
     bgColor: "bg-muted/10",
@@ -1082,23 +1095,23 @@ const rs = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     bgColor: "bg-muted/10",
     iconColor: "text-muted-foreground"
   }
-}, hs = (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)
-]), fs = (e) => bt({ class: "font-semibold" }, e), gs = (e) => k({ class: "text-sm text-muted-foreground" }, e), uo = i(({ title: e, description: t, icon: s, type: n = "default" }) => {
-  const { borderColor: a, bgColor: l, iconColor: r } = Re[n] || Re.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 && hs(s, r),
+    s && fs(s, r),
     o({ class: "flex flex-col" }, [
-      fs(e),
-      gs(t)
+      gs(e),
+      ms(t)
     ])
   ]);
-}), ms = (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 {
   /**
@@ -1107,7 +1120,7 @@ class ae extends S {
    * @returns {object}
    */
   setData() {
-    const t = this.parent.data || new z();
+    const t = this.parent.data || new N();
     return t.set({
       position: { x: 0, y: 0 }
     }), t;
@@ -1177,7 +1190,7 @@ class ae extends S {
    * @returns {void}
    */
   updatePosition() {
-    const t = this.button ?? null, s = this.panel, n = ms(t, s);
+    const t = this.button ?? null, s = this.panel, n = bs(t, s);
     this.data.position = n;
   }
   /**
@@ -1229,28 +1242,28 @@ class ae extends S {
     this?.panel?.hidePopover();
   }
 }
-const bs = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), xs = i((e, t) => H({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ps = i((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ys = i((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), ho = i((e, t = []) => Et({ 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
-])), fo = i((e, t = []) => (
+])), go = i((e, t = []) => (
   // @ts-ignore
-  _t({ 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)
   ])
-)), go = 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);
-}), ws = (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 : ws(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), vs = i((e, t) => {
+} : n), ks = i((e, t) => {
   const a = nt(t, (l) => {
     l.target.checkValidity() && e.setError(null);
   }, (l) => {
@@ -1260,7 +1273,7 @@ const bs = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     ...e,
     class: "w-full"
   }, a);
-}), mo = O(
+}), bo = F(
   {
     /**
      * The initial state of the FormField.
@@ -1285,47 +1298,47 @@ const bs = 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" }, [
-        bs([
-          xs({ htmlFor: t }, s),
-          vs({
+        xs([
+          ps({ htmlFor: t }, s),
+          ks({
             id: t,
             name: e,
             value: this.state.value,
             setError: a
           }, this.children),
-          n && ps({ id: this.getId("description") }, n),
-          o({ onState: ["error", (l) => l && ys(l)] })
+          n && ys({ id: this.getId("description") }, n),
+          o({ onState: ["error", (l) => l && ws(l)] })
         ])
       ]);
     }
   }
-), ks = (e, t, s = null) => {
+), Cs = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
 }, at = i(
   (e, t) => (
     // @ts-ignore
-    xt({ ...e, submit: (s, n) => ks(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)
   )
-), bo = 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)
-)), xo = 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
-])), po = (e, t) => o({ class: "flex justify-between" }, [
-  u({ class: "text-muted-foreground" }, e),
-  u(t)
-]), yo = (e, t) => o({ class: "flex" }, [
-  u({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
-  u(t)
-]), Cs = 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()
   }),
@@ -1342,7 +1355,7 @@ const bs = 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)
   ])
-])), wo = i((e, t) => {
+])), vo = i((e, t) => {
   const s = e.class?.includes("drawer");
   return o({
     popover: "manual",
@@ -1358,7 +1371,7 @@ const bs = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       submit: (l, r) => e.onSubmit && e.onSubmit(r),
       cache: "modalContent"
     }, [
-      Cs(e),
+      Ss(e),
       o({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, t),
       // @ts-ignore
       !e.hideFooter && xe({ class: "modal-footer sticky bottom-0 bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
@@ -1390,22 +1403,22 @@ const bs = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     borderColor: "border",
     iconColor: "text-muted-foreground"
   }
-}, Ss = (e) => ee({ class: "flex justify-center" }, [
+}, $s = (e) => ee({ class: "flex justify-center" }, [
   pe({ class: "text-lg font-bold mb-0" }, e)
-]), $s = i(({ href: e, class: t }, s) => Je({
+]), 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)), Ds = 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 vo extends S {
+class ko extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -1429,10 +1442,10 @@ class vo extends S {
    */
   render() {
     const { bgColor: t, borderColor: s, iconColor: n } = this.getTypeStyles(), a = this.href || null, l = this.getChildren(n);
-    return a ? $s({
+    return a ? Ds({
       href: a,
       class: `${t} ${s}`
-    }, l) : Ds({
+    }, l) : Is({
       close: this.close.bind(this),
       class: `${t} ${s}`
     }, l);
@@ -1482,7 +1495,7 @@ class vo extends S {
         ]),
         o({ class: "flex flex-auto flex-col" }, [
           o({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
-            this.title && Ss(this.title)
+            this.title && $s(this.title)
           ]),
           k({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
           (this.primary || this.secondary) && xe({ class: "margin-top-24 flex align-center" }, this.getButtons())
@@ -1491,7 +1504,7 @@ class vo extends S {
       b({
         class: "absolute top-[12px] right-[12px]",
         variant: "icon",
-        icon: h.x,
+        icon: g.x,
         click: this.close.bind(this)
       })
     ];
@@ -1511,12 +1524,12 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   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"), Is(e);
+    a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), Ts(e);
   }
 }, [
   x({}, s),
-  u(t)
-])), Is = (e) => {
+  f(t)
+])), Ts = (e) => {
   const t = document.documentElement;
   if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Ee && !Ee("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
@@ -1524,7 +1537,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, ko = P(
+}, Co = B(
   {
     /**
      * This will render the component.
@@ -1534,9 +1547,9 @@ const Ee = 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 })
         ])
       ]);
     },
@@ -1551,7 +1564,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       };
     }
   }
-), Co = O(
+), So = F(
   {
     /**
      * The initial state of the Toggle.
@@ -1596,20 +1609,20 @@ const Ee = 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 }]
         })
       ]);
     }
   }
-), Ts = i(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : is({
+), Ps = i(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : cs({
   src: e,
   alt: t,
   class: "rounded-full"
-})), Ms = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), ot = (e) => !e || e.length < 2 ? e : Ms(e), Ps = (e) => u([e, (t, s) => {
+})), 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);
-}]), He = {
+}]), _e = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
   md: "h-12 w-12",
@@ -1619,7 +1632,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   "3xl": "h-48 w-48",
   "4xl": "h-64 w-64",
   default: "h-12 w-12"
-}, _e = {
+}, He = {
   xs: "text-[7px]",
   sm: "text-xs",
   md: "text-base",
@@ -1629,8 +1642,8 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, Bs = (e) => He[e] || He.default, zs = (e) => _e[e] || _e.default, Os = (e, t = null, s = "md") => {
-  const n = ot(String(e)), a = zs(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: `
@@ -1640,21 +1653,21 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 		`
     },
     [
-      t ? Ps(t) : u({ class: "uppercase" }, n)
+      t ? Bs(t) : f({ class: "uppercase" }, n)
     ]
   );
-}, Ns = i(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
-  const l = Bs(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}`
     },
     [
-      Ts({ src: e, alt: t }),
-      Os(s, n, a)
+      Ps({ src: e, alt: t }),
+      Ns(s, n, a)
     ]
   );
-}), Ue = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, So = P(
+}), Ue = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, $o = B(
   {
     /**
      * Get the initial state for the component.
@@ -1674,7 +1687,7 @@ const Ee = 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.
@@ -1710,11 +1723,11 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          M("loaded", (s) => s === !1 || Ue(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"
           }, [
-            fe(h.upload),
+            fe(g.upload),
             o("Upload Image")
           ]) : be({
             // @ts-ignore
@@ -1725,7 +1738,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       ]);
     }
   }
-), $o = P(
+), Do = B(
   {
     /**
      * Get the initial state for the component.
@@ -1745,7 +1758,7 @@ const Ee = 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.
@@ -1787,11 +1800,11 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
               // @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")
             ])
           )
@@ -1807,22 +1820,22 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       this.input = null;
     }
   }
-), Fs = (e, t) => Je(
+), 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)]
-), Ls = () => x({
+  [f(t)]
+), Rs = () => x({
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
-}, h.chevron.single.right), As = (e) => o({ class: "flex items-center" }, [
-  e.href ? Fs(e.href, e.label) : u(e.label),
-  e.separator && Ls()
-]), Do = 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
@@ -1830,7 +1843,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      * @returns {Data}
      */
     setData() {
-      return new z({
+      return new N({
         // @ts-ignore
         items: this.items || []
       });
@@ -1870,8 +1883,8 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   "2xl": "h-16 w-16",
   "3xl": "h-24 w-24",
   default: "h-4 w-4"
-}, Rs = (e) => Ye[e] || Ye.default, js = ({ 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,
@@ -1881,10 +1894,10 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       n.activeIndex = e, a && a(e);
     }
   })
-]), Es = (e, t) => Array.from({ length: e }, (s, n) => js({
+]), _s = (e, t) => Array.from({ length: e }, (s, n) => Es({
   index: n,
   size: t
-})), Io = P(
+})), To = B(
   {
     /**
      * Defines component data (props).
@@ -1892,7 +1905,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      * @returns {Data}
      */
     setData() {
-      return new z({
+      return new N({
         // @ts-ignore
         count: this.count || 4,
         // total dots
@@ -1906,7 +1919,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      * @returns {object}
      */
     render() {
-      const e = this.gap || "gap-2", t = Rs(this.size || "sm"), s = Es(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" },
         [
@@ -1922,19 +1935,19 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     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)
   ]
-), _s = (e, t, s) => we({
+), 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)
-]), Us = (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) => _s(s, e, t)] })
-]), Ys = ({ 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({
@@ -1942,10 +1955,10 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       parent: a,
       button: a.button
     }, [
-      Us(e, t)
+      Ys(e, t)
     ]) : null
   )
-]), To = P(
+]), Po = B(
   {
     /**
      * This will set up the data.
@@ -1953,7 +1966,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
      * @returns {Data}
      */
     setData() {
-      return new z({
+      return new N({
         // @ts-ignore
         items: this.items || []
       });
@@ -2027,7 +2040,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       return o({ class: `relative ${s} flex flex-auto flex-col ${t} ${e}` }, [
         // @ts-ignore
         Hs({ toggleDropdown: this.toggleDropdown.bind(this) }),
-        Ys({
+        Ws({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -2053,15 +2066,15 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   click: t,
   icon: e,
   "aria-label": s
-}), Ws = ({ click: e }) => lt({
-  icon: h.circleMinus,
+}), Vs = ({ click: e }) => lt({
+  icon: g.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), Vs = ({ click: e }) => lt({
-  icon: h.circlePlus,
+}), qs = ({ click: e }) => lt({
+  icon: g.circlePlus,
   click: e,
   ariaLabel: "Increment"
-}), qs = ({ 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 }) => {
@@ -2074,7 +2087,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   max: s,
   type: "number",
   "aria-label": "Counter"
-})), Mo = O(
+})), Mo = F(
   {
     /**
      * Initial state for the counter component.
@@ -2097,18 +2110,18 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     render() {
       const e = this.class ?? "";
       return o({ class: `flex flex-auto items-center justify-between gap-x-4 p-4 ${e}` }, [
-        Ws({ click: () => this.state.decrement("count") }),
-        qs({
+        Vs({ click: () => this.state.decrement("count") }),
+        Gs({
           bind: this.bind,
           readonly: this.readonly,
           min: this.min,
           max: this.max
         }),
-        Vs({ click: () => this.state.increment("count") })
+        qs({ click: () => this.state.increment("count") })
       ]);
     }
   }
-), Gs = ({ 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(
@@ -2122,9 +2135,9 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       n.substring(0, 3)
     )
   )
-), B = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), Ks = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), R = (e, t, s) => `${e}-${B(t + 1)}-${B(s)}`, Qs = (e) => e ? "bg-accent text-primary" : "", Js = (e) => e ? "text-muted-foreground opacity-50" : "", Xs = (e, t) => e === t, Zs = (e, t) => Xs(e, t) ? "bg-primary text-primary-foreground" : "", en = (e, t, s, n) => {
-  const a = Zs(t, n);
-  return a || (e ? Qs(e) : s ? Js(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,
@@ -2139,7 +2152,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md cursor-pointer
-				${en(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
 			`,
@@ -2150,52 +2163,52 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     },
     t.toString()
   );
-}, de = (e, t, s, n) => e === n.date && t === n.month && s === n.year, tn = (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), F = 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: F
+        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;
+  return y;
 }, We = ({ label: e, click: t }) => b(
   {
     class: `
@@ -2207,18 +2220,18 @@ const Ee = 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
   }
-), sn = ({ 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]]"),
   We({ label: "Previous", click: n }),
   We({ label: "Next", click: s })
-]), nn = (e) => o(
+]), an = (e) => o(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
-), an = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(nn), on = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
-  sn({
+), 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,
@@ -2229,10 +2242,10 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     onSet: [
       "currentDate",
       () => [
-        o({ class: "grid grid-cols-7" }, an()),
+        o({ class: "grid grid-cols-7" }, on()),
         o(
           { class: "grid grid-cols-7" },
-          tn(
+          sn(
             e.current,
             e.today,
             e.select,
@@ -2242,7 +2255,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       ]
     ]
   })
-]), ln = ({ 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" },
@@ -2260,7 +2273,7 @@ const Ee = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     )
   );
 };
-class rn extends S {
+class cn extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -2276,7 +2289,7 @@ class rn extends S {
    * @returns {Date}
    */
   getSelectedDate(t) {
-    const s = this.selectedDate ? new Date(Ks(this.selectedDate)) : t;
+    const s = this.selectedDate ? new Date(Qs(this.selectedDate)) : t;
     return new Date(s.getFullYear(), s.getMonth(), s.getDate());
   }
   /**
@@ -2286,7 +2299,7 @@ class rn extends S {
    */
   setData() {
     const t = /* @__PURE__ */ new Date(), s = this.getSelectedDate(t), n = s.getMonth();
-    return new z({
+    return new N({
       monthName: this.getMonthName(n),
       currentDate: `${s.getFullYear()}-${n + 1}-${s.getDate()}`,
       current: {
@@ -2351,7 +2364,7 @@ class rn 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 = B(n)), a.currentDate = `${s}-${B(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.
@@ -2373,7 +2386,7 @@ class rn extends S {
       M("view", (t) => {
         switch (t) {
           case "months":
-            return Gs(
+            return Ks(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2385,7 +2398,7 @@ class rn extends S {
               }
             );
           case "years":
-            return ln(
+            return rn(
               {
                 // @ts-ignore
                 currentMonth: this.data.current.month,
@@ -2397,7 +2410,7 @@ class rn extends S {
               }
             );
           default:
-            return on({
+            return ln({
               // @ts-ignore
               current: this.data.current,
               // @ts-ignore
@@ -2418,57 +2431,57 @@ class rn extends S {
     ]);
   }
 }
-const cn = (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;
-}, dn = (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;
-}, un = ({ 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
-}), hn = ({ 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) : ""]
-}), fn = ({ 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"
   },
   [
-    un({ bind: e, required: t }),
-    hn({ 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 })
       ]
     )
   ]
-), gn = ({ handleDateSelect: e, blockPriorDates: t }) => ve(
+), mn = ({ handleDateSelect: e, blockPriorDates: t }) => ve(
   (s, n, a) => new ae({
     cache: "dropdown",
     parent: a,
     button: a.panel,
     size: "fit"
   }, [
-    new rn({
+    new cn({
       selectedDate: a.state.selectedDate,
       selectedCallBack: e,
       blockPriorDates: t
     })
   ])
-), Po = O(
+), Bo = F(
   {
     /**
      * The initial state of the DatePicker.
@@ -2497,9 +2510,9 @@ const cn = (e) => {
      */
     handleInputChange(e) {
       const s = e.target.value.replace(/\D/g, "");
-      e.target.value = cn(s);
-      const n = dn(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.
@@ -2515,7 +2528,7 @@ const cn = (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.
@@ -2535,7 +2548,7 @@ const cn = (e) => {
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          fn({
+          gn({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -2543,7 +2556,7 @@ const cn = (e) => {
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          gn({
+          mn({
             handleDateSelect: this.handleDateSelect.bind(this),
             blockPriorDates: this.blockPriorDates || !1
           })
@@ -2562,50 +2575,50 @@ const cn = (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
   }
-), mn = ({ 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]]"),
   Ve({ label: "Previous", click: n }),
   Ve({ label: "Next", click: s })
-]), bn = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), xn = () => o(
+]), 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(bn)
-), pn = ({ 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()
   );
-}, yn = ({ 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), F = I < T, G = s && F, K = a === y, Q = l === y, ft = 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: 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, F = 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: F,
+      disabled: j,
       isStart: G,
       isEnd: K,
       isBetween: Q,
@@ -2615,13 +2628,13 @@ const cn = (e) => {
       }
     });
   }
-  const Ie = (7 - f.length % 7) % 7;
-  for (let g = 1; g <= Ie; 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, F = 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: F,
+      disabled: j,
       isStart: G,
       isEnd: K,
       isBetween: Q,
@@ -2631,21 +2644,21 @@ const cn = (e) => {
   }
   return o(
     { class: "grid grid-cols-7 gap-1" },
-    f.map(
-      (g, d) => pn({
-        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
       })
     )
   );
-}, wn = i((e, t) => o({ class: "flex flex-auto flex-col" }, [
-  mn({
+}, vn = i((e, t) => o({ class: "flex flex-auto flex-col" }, [
+  bn({
     // @ts-ignore
     onMonthClick: e.onMonthClick,
     // @ts-ignore
@@ -2660,8 +2673,8 @@ const cn = (e) => {
     onSet: [
       "currentDate",
       () => [
-        xn(),
-        yn({
+        pn(),
+        wn({
           // @ts-ignore
           today: e.today,
           // @ts-ignore
@@ -2674,7 +2687,7 @@ const cn = (e) => {
       ]
     ]
   })
-])), vn = ({ 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(
@@ -2688,7 +2701,7 @@ const cn = (e) => {
       n.substring(0, 3)
     )
   )
-), kn = ({ 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",
@@ -2703,10 +2716,10 @@ const cn = (e) => {
   }, [
     o({ class: "font-medium" }, qe("current.end", "End Date"))
   ]))
-]), qe = (e, t) => [`[[${e}]]`, (s) => s == null ? t : Cn(s)], Cn = (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()]}`;
-}, Sn = ({ 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" },
@@ -2724,7 +2737,7 @@ const cn = (e) => {
     )
   );
 };
-class $n extends S {
+class Dn extends S {
   /**
    * Declare compiler props.
    *
@@ -2740,14 +2753,14 @@ class $n 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 z({
+    return new N({
       today: {
         date: t.getDate(),
         month: t.getMonth(),
         year: t.getFullYear()
       },
       monthName: this.getMonthName(n),
-      currentData: `${s.getFullYear()}-${B(s.getMonth() + 1)}-${B(s.getDate())}`,
+      currentData: `${s.getFullYear()}-${O(s.getMonth() + 1)}-${O(s.getDate())}`,
       current: {
         date: t.getDate(),
         month: n,
@@ -2811,7 +2824,7 @@ class $n 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}-${B(t + 1)}-${B(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.
@@ -2821,7 +2834,7 @@ class $n 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" }, [
-      kn({
+      Cn({
         start: a,
         end: l,
         selecting: n,
@@ -2835,7 +2848,7 @@ class $n extends S {
       M("view", (r) => {
         switch (r) {
           case "months":
-            return vn(
+            return kn(
               {
                 currentMonth: s.month,
                 currentYear: s.year,
@@ -2845,7 +2858,7 @@ class $n extends S {
               }
             );
           case "years":
-            return Sn(
+            return $n(
               {
                 currentYear: s.year,
                 onSelect: (c) => {
@@ -2854,7 +2867,7 @@ class $n extends S {
               }
             );
           default:
-            return wn({
+            return vn({
               // @ts-ignore
               monthName: this.data.monthName,
               year: s.year,
@@ -2869,12 +2882,12 @@ class $n 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);
               }
             });
         }
@@ -2882,35 +2895,35 @@ class $n extends S {
     ]);
   }
 }
-const Dn = ({ 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
-}), In = ({ 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
 }, [
-  Dn({ 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 })
-]), Tn = ({ handleDateSelect: e, blockPriorDates: t }) => ve((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 $n({
+  new Dn({
     startDate: a.state.start,
     endDate: a.state.end,
     onRangeSelect: e,
     blockPriorDates: t
   })
-])), Bo = O(
+])), zo = F(
   {
     /**
      * The initial state of the DateRangePicker.
@@ -2943,15 +2956,15 @@ const Dn = ({ 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]" }, [
-        In({
+        Tn({
           toggleOpen: e,
           bind: this.bind,
           required: this.required
         }),
-        Tn({
+        Pn({
           handleDateSelect: t,
           blockPriorDates: this.blockPriorDates || !1
         })
@@ -2963,7 +2976,7 @@ function Mn(e) {
   let t = "";
   return e.length > 0 && (t = e.substring(0, 2), e.length > 2 && (t += ":" + e.substring(2, 4))), t;
 }
-function Pn(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);
@@ -2977,7 +2990,7 @@ function Pn(e) {
     meridian: a
   };
 }
-function Bn({ 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",
@@ -2985,7 +2998,7 @@ function Bn({ bind: e, required: t }) {
     required: t
   });
 }
-function zn({ 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",
@@ -2995,21 +3008,21 @@ function zn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
     onState: ["selectedTime", (n) => n || ""]
   });
 }
-function On({ 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"
     },
     [
-      Bn({ bind: e, required: t }),
-      zn({ 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 })
         ]
       )
     ]
@@ -3029,7 +3042,7 @@ function ue({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !
     })
   );
 }
-function Nn({ handleTimeSelect: e }) {
+function Fn({ handleTimeSelect: e }) {
   return ve(
     (t, s, n) => new ae(
       {
@@ -3089,7 +3102,7 @@ function Ge(e) {
     meridian: l
   });
 }
-const zo = O(
+const Oo = F(
   {
     /**
      * The initial shallow state of the TimePicker.
@@ -3138,13 +3151,13 @@ const zo = O(
      */
     handleInputChange(e) {
       let t = e.target.value.replace(/[^\d]/g, ""), s = Mn(t);
-      const n = Pn(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.
@@ -3162,7 +3175,7 @@ const zo = O(
     handleTimeSelect({ hour: e, minute: t, meridian: s }) {
       if (e && (this.state.hour = e), t && (this.state.minute = t), s && (this.state.meridian = s), this.state.hour && this.state.minute && this.state.meridian) {
         const n = `${this.state.hour}:${this.state.minute} ${this.state.meridian}`;
-        this.state.selectedTime = n, this.state.open = !1, this.input.value = n, 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);
       }
     },
     /**
@@ -3174,7 +3187,7 @@ const zo = O(
       return o(
         { class: "relative w-full max-w-[320px]" },
         [
-          On({
+          Nn({
             toggleOpen: this.toggleOpen.bind(this),
             bind: this.bind,
             required: this.required,
@@ -3182,18 +3195,18 @@ const zo = O(
             handleInputFocus: this.handleInputFocus.bind(this),
             placeholder: this.placeholder
           }),
-          Nn({
+          Fn({
             handleTimeSelect: this.handleTimeSelect.bind(this)
           })
         ]
       );
     }
   }
-), Fn = (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)
-]), Ln = ({ 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)
-]), Oo = i((e, t) => pt(
+]), 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
@@ -3206,10 +3219,10 @@ const zo = O(
     o({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
       // Icon and content
       // @ts-ignore
-      e.icon && Fn(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" }, [
-          Ln(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)
@@ -3219,7 +3232,7 @@ const zo = O(
       ])
     ])
   ]
-)), No = i((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
+)), 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" }, [
@@ -3253,17 +3266,17 @@ i(({ value: e, label: t }) => v({
 const An = (e, t) => {
   const s = e.toggleAllSelectedRows();
   t.state.checked = !s;
-}, Rn = (e) => Xe({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
-  V((t) => new Gt({ class: "mr-2", onChange: (s, n) => An(t, n) }))
-]), jn = ({ 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 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 })
     ])
   ]);
 }, De = (e) => yt([
@@ -3271,7 +3284,7 @@ const An = (e, t) => {
     class: "text-muted-foreground border-b",
     map: [
       e.headers,
-      (t) => t.label === "checkbox" ? Rn({ toggle: e.toggle }) : jn({
+      (t) => t.label === "checkbox" ? jn({ toggle: e.toggle }) : En({
         align: t.align,
         sortable: t.sortable,
         key: t.key,
@@ -3280,7 +3293,7 @@ const An = (e, t) => {
       })
     ]
   })
-]), En = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: r }) => new $t({
+]), _n = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: r }) => new $t({
   cache: "list",
   key: e,
   items: t,
@@ -3298,7 +3311,7 @@ class rt extends S {
    */
   setData() {
     let t = this.rows && this.rows.length > 0;
-    return (this.loadMoreItems || this.tableData) && !t && (t = null), new z({
+    return (this.loadMoreItems || this.tableData) && !t && (t = null), new N({
       selectedRows: [],
       // @ts-ignore
       hasItems: t,
@@ -3376,7 +3389,7 @@ class rt extends S {
           this.headers && De({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          En({
+          _n({
             // @ts-ignore
             key: this.key,
             // @ts-ignore
@@ -3469,7 +3482,7 @@ const Hn = (e) => new Dt({
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class _n extends rt {
+class Un extends rt {
   /**
    * Renders the DataTable component.
    *
@@ -3523,7 +3536,7 @@ class _n extends rt {
     this.list.refresh();
   }
 }
-const Fo = i((e) => new _n(
+const Lo = i((e) => new Un(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3556,7 +3569,7 @@ const Fo = i((e) => new _n(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Un = (e) => new It({
+)), Yn = (e) => new It({
   cache: "list",
   scrollContainer: e.scrollContainer,
   loadMoreItems: e.loadMoreItems,
@@ -3571,7 +3584,7 @@ const Fo = i((e) => new _n(
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Yn extends rt {
+class Wn extends rt {
   /**
    * Renders the DataTable component.
    *
@@ -3587,7 +3600,7 @@ class Yn extends rt {
           this.headers && De({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
-          Un({
+          Yn({
             // @ts-ignore
             scrollContainer: this.scrollContainer,
             // @ts-ignore
@@ -3627,7 +3640,7 @@ class Yn extends rt {
     this.list.refresh();
   }
 }
-const Lo = i((e) => new Yn(
+const Ro = i((e) => new Wn(
   {
     // @ts-ignore
     cache: e.cache ?? "list",
@@ -3662,28 +3675,28 @@ const Lo = i((e) => new Yn(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Wn = 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)
-])), Vn = () => 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")
-]), qn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
-  u("Last seen "),
+]), Gn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
+  f("Last seen "),
   vt({ datetime: e }, "3h ago")
-]), Gn = (e, t) => e === "online" ? Vn() : qn(t), Kn = i(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
+]), 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),
-  Gn(s, t)
-])), Qn = (e) => e.split(" ").map((s) => s[0]).join(""), Jn = i((e) => we({ 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
-    Ns({ src: e.image, alt: e.name, fallbackText: Qn(e.name) }),
+    Fs({ src: e.image, alt: e.name, fallbackText: Jn(e.name) }),
     // @ts-ignore
-    Wn({ name: e.name, email: e.email })
+    Vn({ name: e.name, email: e.email })
   ]),
-  Kn({
+  Qn({
     // @ts-ignore
     role: e.role,
     // @ts-ignore
@@ -3698,9 +3711,9 @@ const Lo = i((e) => new Yn(
   items: e.users,
   role: "list",
   class: "divide-y divide-border",
-  rowItem: Jn
+  rowItem: Xn
 }));
-class Xn extends S {
+class Zn extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3761,14 +3774,14 @@ class Xn extends S {
     });
   }
 }
-const Zn = 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
-})), ea = (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", {
@@ -3777,8 +3790,8 @@ const Zn = 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: [
@@ -3791,7 +3804,7 @@ const Zn = i(({ options: e, click: t }, s) => ({
       ]
     },
     [
-      x({ size: "xs" }, h.chevron.single.down)
+      x({ size: "xs" }, g.chevron.single.down)
     ]
   )
 ];
@@ -3812,7 +3825,7 @@ class it extends S {
    */
   render() {
     const t = !this.options && this.callBack;
-    return Zn(
+    return ea(
       { options: this.options, click: t },
       [
         this.addLink()
@@ -3826,7 +3839,7 @@ class it extends S {
    * @protected
    */
   addLink() {
-    const t = this.options && this.options.length > 0, s = this.content || ea(String(this.label), this.icon, t);
+    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",
@@ -3836,7 +3849,7 @@ class it extends S {
         exact: this.exact || !1
       },
       s
-    ) : new Xn({
+    ) : new Zn({
       class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
       cache: "link",
       checkCallBack: this.checkCallBack
@@ -3854,10 +3867,10 @@ class it extends S {
     this.link.update(t);
   }
 }
-const ta = i(({ map: e }, t) => te({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
+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 sa extends S {
+class na extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3906,7 +3919,7 @@ class sa extends S {
    */
   addGroup(t) {
     const s = this.mapOptions(t.options);
-    return ta({ map: s }, t.group);
+    return sa({ map: s }, t.group);
   }
   /**
    * This will add a link.
@@ -3918,7 +3931,7 @@ class sa extends S {
     return new it(t);
   }
 }
-class ct extends sa {
+class ct extends na {
   onCreated() {
     this.links = [];
   }
@@ -3929,7 +3942,7 @@ class ct extends sa {
    * @returns {object}
    */
   setupSubNav(t) {
-    return new oa(
+    return new la(
       {
         parentLink: t,
         options: t.options
@@ -3964,11 +3977,11 @@ class ct extends sa {
     };
   }
 }
-const he = /* @__PURE__ */ new Map(), na = (e, t) => (he.has(e) || he.set(e, new RegExp(`${e}($|/|\\.).*`)), he.get(e).test(t)), aa = (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 : na(s, t);
+  return !s && e.isSelected() ? !0 : e.exact ? t === s : aa(s, t);
 };
-class oa extends ct {
+class la extends ct {
   /**
    * This will declare the props for the compiler.
    *
@@ -4050,27 +4063,27 @@ class oa extends ct {
   updateLinks(t) {
     let s = !1;
     for (const n of this.links)
-      if (n.rendered && (s = aa(n, t), s === !0))
+      if (n.rendered && (s = oa(n, t), s === !0))
         break;
     this.parentLink.update(s);
   }
 }
-const la = (e) => pe({ class: "text-lg ml-2" }, e), ra = (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 && la(e.title)
-]), ia = () => 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 ca extends S {
+class da extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -4089,7 +4102,7 @@ class ca extends S {
       class: "fixed inset-0 z-50",
       style: "[[typeClass]]"
     }, [
-      ia(),
+      ca(),
       // Popover Content
       o({
         class: `
@@ -4098,7 +4111,7 @@ class ca 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" }, [
-          ra({ title: this.title }),
+          ia({ title: this.title }),
           o({ class: "flex flex-auto flex-col" }, this.children)
         ])
       ])
@@ -4141,16 +4154,16 @@ const dt = () => b({ class: "m-2", variant: "ghost", addState() {
     open: !1
   };
 }, click: (e, { state: t }) => t.toggle("open") }, [
-  x({}, h.bar.three)
-]), da = (e) => pe({ class: "text-lg ml-2" }, e), ua = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
+  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 && da(e.title)
+  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 ca({ title: e.title }, [
-        V(({ state: s }) => {
+      new da({ title: e.title }, [
+        q(({ state: s }) => {
           const n = (l) => s.open = !1, a = ut(e.options, n);
           return new ct(
             {
@@ -4161,23 +4174,23 @@ const dt = () => b({ class: "m-2", variant: "ghost", addState() {
       ])
     ] : null
   )
-]), Ro = i((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
+]), jo = i((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   o([
     dt(),
     ht(e)
   ])
-])), jo = 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" }, [
-    ua(e),
+    ha(e),
     ht(e)
   ])
-])), Eo = 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 ha extends S {
+class fa extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -4278,7 +4291,7 @@ et.addType("dockableOverlay", (e) => {
   const t = e.component;
   t && t.rendered === !0 && t.state.docked === !1 && t.destroy();
 });
-class Ho extends ha {
+class Ho extends fa {
   /**
    * This will stop presistence.
    *
@@ -4383,7 +4396,7 @@ class Ho extends ha {
     this.state.docked = this.canDock();
   }
 }
-const fa = i(({ index: e, click: t, state: s }, n) => we({
+const ga = i(({ index: e, click: t, state: s }, n) => we({
   class: "p-2 cursor-pointer hover:bg-muted/50",
   onState: [
     [s, "selectedIndex", {
@@ -4392,11 +4405,11 @@ const fa = i(({ index: e, click: t, state: s }, n) => we({
     }]
   ],
   click: () => t(e)
-}, n)), ga = 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) => fa({ index: n, click: e, state: t }, s.label)]
-})), ma = i((e) => o({ class: "relative flex flex-auto items-center" }, [
-  N({
+  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 ?? "",
@@ -4420,7 +4433,7 @@ const fa = i(({ index: e, click: t, state: s }, n) => we({
     // @ts-ignore
     x({ size: "sm" }, e.icon)
   ])
-])), ba = (e) => o({
+])), xa = (e) => o({
   class: "relative flex fle-auto flex-col",
   onState: ["open", (t, s, n) => {
     if (t)
@@ -4430,10 +4443,10 @@ const fa = i(({ index: e, click: t, state: s }, n) => we({
         button: n.input,
         size: "xl"
       }, [
-        ga(e)
+        ma(e)
       ]);
   }]
-}), _o = P(
+}), Uo = B(
   {
     /**
      * This will set up the data object.
@@ -4442,7 +4455,7 @@ const fa = i(({ index: e, click: t, state: s }, n) => we({
      */
     setData() {
       const e = this.options || [];
-      return new z({
+      return new N({
         options: e,
         filteredOptions: e
       });
@@ -4530,7 +4543,7 @@ const fa = i(({ index: e, click: t, state: s }, n) => we({
      */
     render() {
       return o({ class: "relative w-full max-w-md" }, [
-        ma({
+        ba({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4542,7 +4555,7 @@ const fa = i(({ index: e, click: t, state: s }, n) => we({
           // @ts-ignore
           handleKeyDown: this.handleKeyDown.bind(this)
         }),
-        ba({
+        xa({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -4553,8 +4566,8 @@ const fa = i(({ index: e, click: t, state: s }, n) => we({
       ]);
     }
   }
-), Uo = 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 || ""}`
@@ -4589,7 +4602,7 @@ const fa = i(({ index: e, click: t, state: s }, n) => we({
     })
   ]);
 });
-class xa extends S {
+class pa extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -4607,7 +4620,7 @@ class xa extends S {
     return o({ class: `${this.class || ""}` }, this.children);
   }
 }
-class pa extends xa {
+class ya extends pa {
   /**
    * This will be called every time the route
    * is activated.
@@ -4617,15 +4630,15 @@ class pa extends xa {
   update(t) {
   }
 }
-const ya = 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
-})), wa = i(({ title: e, description: t }) => ee({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
+})), 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 Yo extends pa {
+class Wo extends ya {
   /**
    * This will declare the props for the compiler.
    *
@@ -4640,141 +4653,141 @@ class Yo extends pa {
    * @returns {object}
    */
   render() {
-    return ya([
-      wa({
+    return wa([
+      va({
         title: this.title,
         description: this.description
       }),
-      Mt(this.children)
+      Pt(this.children)
     ]);
   }
 }
 export {
-  mo as $,
-  uo as A,
-  Eo as B,
-  rn as C,
+  bo as $,
+  ho as A,
+  _o as B,
+  cn as C,
   rt as D,
-  xo as E,
-  Oo as F,
+  po as E,
+  No as F,
   Ho as G,
-  Io as H,
-  Fo as I,
-  Ua as J,
-  No as K,
-  Na as L,
-  so as M,
-  La as N,
+  To as H,
+  Lo as I,
+  Ya as J,
+  Fo as K,
+  Fa as L,
+  no as M,
+  Ra as N,
   ne as O,
-  Ra as P,
+  ja as P,
   Aa as Q,
   Ha as R,
-  Fa as S,
-  Ea as T,
-  ja as U,
+  La as S,
+  _a as T,
+  Ea as U,
   at as V,
-  ho as W,
-  go as X,
-  fo as Y,
-  vs as Z,
-  ps as _,
-  Ns as a,
-  Jn as a$,
-  _t as a0,
-  bs as a1,
-  xs as a2,
-  ys as a3,
-  R as a4,
-  Yo as a5,
-  jn as a6,
-  eo as a7,
+  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,
-  is as a9,
-  ra as aA,
-  lo as aB,
-  Wa as aC,
-  $n as aD,
-  no as aE,
-  ro as aF,
-  io as aG,
-  Lo as aH,
-  _o as aI,
-  ma as aJ,
-  ao as aK,
-  Uo as aL,
-  po as aM,
-  oa as aN,
+  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,
-  _a as aP,
-  Ya as aQ,
-  ko as aR,
-  qa as aS,
-  zo as aT,
-  ua as aU,
-  Co as aV,
-  Pa as aW,
-  co as aX,
+  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,
-  Za as aZ,
+  eo as aZ,
   Ao as a_,
-  So as aa,
+  $o as aa,
   ct as ab,
-  N as ac,
+  L as ac,
   Ht as ad,
-  Oa as ae,
-  $o as af,
+  Na as ae,
+  Do as af,
   it as ag,
-  ya as ah,
+  wa as ah,
   Be as ai,
-  Ws as aj,
-  Ro as ak,
-  jo as al,
-  on as am,
-  Ka as an,
+  Vs as aj,
+  jo as ak,
+  Eo as al,
+  ln as am,
+  Qa as an,
   dt as ao,
-  Xn as ap,
-  sa as aq,
-  ta as ar,
-  ca as as,
-  vo as at,
-  Ja as au,
-  ha as av,
-  xa as aw,
-  Xa as ax,
-  Vs as ay,
+  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,
-  ia as b,
+  ca as b,
   tt as b0,
-  O as b1,
-  Qa as b2,
-  Ks as b3,
-  ms as b4,
-  Ta as b5,
-  Ia as b6,
-  B as b7,
-  wo as b8,
+  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,
-  pa as d,
-  Do as e,
+  ya as d,
+  Io as e,
   b as f,
-  tn as g,
-  Et as h,
-  Gt as i,
-  Rn as j,
-  za as k,
-  oo as l,
-  Ba as m,
-  to as n,
-  yo as o,
-  To as p,
-  qs as q,
+  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,
-  En as s,
-  Va as t,
-  Po as u,
-  Bo as v,
-  Ga as w,
+  _n as s,
+  qa as t,
+  Bo as u,
+  zo as v,
+  Ka as w,
   ce as x,
-  nn as y,
-  bo as z
+  an as y,
+  xo as z
 };