@base-framework/ui 1.2.68 → 1.2.70

package/dist/{full-page-BiH_l_Ok.js → full-page-Q-0SO6xi.js}

@@ -1,10 +1,10 @@
-import { I as Y, Span as h, Button as v, OnState as P, Div as l, Legend as mt, Fieldset as bt, H4 as Qe, P as k, Label as V, Checkbox as be, Input as y, Textarea as Je, UseParent as K, Img as xe, H5 as xt, H2 as ee, Form as pt, Header as te, Footer as pe, A as Xe, H3 as ye, Nav as we, Ul as se, Li as ve, OnStateOpen as ke, On as Z, Dialog as yt, Th as Ze, Thead as wt, Tr as vt, Table as Ce, Time as kt, H1 as Ct } from "@base-framework/atoms";
-import { Atom as i, router as G, Jot as M, Component as S, Html as et, Data as F, Events as U, DateTime as ne, NavLink as St, DataTracker as tt } from "@base-framework/base";
+import { I as _, Span as f, Button as v, OnState as M, Div as l, Legend as bt, Fieldset as xt, H4 as Qe, P as k, Label as H, Checkbox as xe, Input as y, Textarea as Je, UseParent as q, Img as pe, H5 as pt, H2 as ee, Form as yt, Header as te, Footer as ye, A as Xe, H3 as we, Nav as ve, Ul as se, Li as ke, OnStateOpen as Ce, On as Z, Dialog as wt, Th as Ze, Thead as vt, Tr as kt, Table as Se, Time as Ct, H1 as St } from "@base-framework/atoms";
+import { Atom as i, router as P, Jot as B, Component as S, Html as et, Data as O, Events as E, DateTime as ne, NavLink as $t, DataTracker as tt } from "@base-framework/base";
 import { Icons as g } from "./icons.es.js";
-import { Timer as $t, TableBody as Dt, DataTableBody as It, ScrollableTableBody as Tt, List as Pt } from "@base-framework/organisms";
-import { F as q } from "./format-DE4rFWuD.js";
-import { F as Mt } from "./bside-template-C7AQgQ6H.js";
-const Bt = {
+import { Timer as Dt, TableBody as It, DataTableBody as Tt, ScrollableTableBody as Pt, List as Mt } from "@base-framework/organisms";
+import { F as W } from "./format-DHJsFMg1.js";
+import { F as Bt } from "./bside-template-C7AQgQ6H.js";
+const zt = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
   md: "w-8 h-8",
@@ -12,15 +12,15 @@ const Bt = {
   xl: "w-12 h-12",
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
-}, ge = i((e, t) => {
-  const s = Bt[e.size || "sm"];
-  return Y({
+}, be = i((e, t) => {
+  const s = zt[e.size || "sm"];
+  return _({
     ...e,
     // @ts-ignore
     class: `stroke-current icon-size ${s} ${e.class || ""}`,
     html: t[0]?.textContent
   });
-}), Pe = {
+}), Me = {
   xs: "w-4 h-4",
   // 16px - matches Icon
   sm: "w-6 h-6",
@@ -35,7 +35,7 @@ const Bt = {
   // 56px - matches Icon
   "3xl": "w-16 h-16"
   // 64px - matches Icon
-}, Me = {
+}, Be = {
   xs: "16px",
   sm: "24px",
   md: "32px",
@@ -43,14 +43,14 @@ const Bt = {
   xl: "48px",
   "2xl": "56px",
   "3xl": "64px"
-}, Be = {
+}, ze = {
   outlined: "material-symbols-outlined",
   filled: "material-symbols-filled",
   rounded: "material-symbols-rounded",
   sharp: "material-symbols-sharp"
-}, ze = i((e) => {
-  const t = e.size || "sm", s = e.variant || "outlined", n = Pe[t] || Pe.sm, a = Me[t] || Me.sm, o = Be[s] || Be.outlined;
-  return h({
+}, Oe = i((e) => {
+  const t = e.size || "sm", s = e.variant || "outlined", n = Me[t] || Me.sm, a = Be[t] || Be.sm, o = ze[s] || ze.outlined;
+  return f({
     ...e,
     // @ts-ignore
     class: `inline-flex items-center justify-center ${o} ${n} ${e.class || ""}`,
@@ -62,14 +62,14 @@ const Bt = {
     name: void 0
     // @ts-ignore
   }, e.name);
-}), p = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? ge(e, t) : typeof t == "object" && t.name ? ze({
+}), p = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? be(e, t) : typeof t == "object" && t.name ? Oe({
   ...e,
   name: t.name,
   variant: t.variant || e.variant || "outlined"
-}) : typeof t == "string" ? ze({
+}) : typeof t == "string" ? Oe({
   ...e,
   name: t
-}) : ge(e, t) : null, Ta = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, Pa = (e) => typeof e == "string" && e.includes("<svg"), Oe = {
+}) : be(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"), Ne = {
   gray: {
     backgroundColor: "bg-gray-50",
     textColor: "text-gray-600",
@@ -150,25 +150,25 @@ const Bt = {
     textColor: "text-foreground",
     ringColor: "ring-white/10"
   }
-}, zt = (e) => Oe[e] || Oe.gray, Ot = (e, t = {}) => {
-  const s = zt(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, o = t.ringColor ?? s.ringColor;
+}, Ot = (e) => Ne[e] || Ne.gray, Nt = (e, t = {}) => {
+  const s = Ot(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, o = t.ringColor ?? s.ringColor;
   return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${n} ${a} ${o}`;
 }, Ma = i((e, t) => {
-  const { type: s, icon: n, size: a = "xs", backgroundColor: o, textColor: r, ringColor: c, ...u } = e, f = Ot(s, { backgroundColor: o, textColor: r, ringColor: c });
-  return h({ ...u, class: f }, [
+  const { type: s, icon: n, size: a = "xs", backgroundColor: o, textColor: r, ringColor: c, ...u } = e, h = Nt(s, { backgroundColor: o, textColor: r, ringColor: c });
+  return f({ ...u, class: h }, [
     n ? p({ size: a, class: "mr-1" }, n) : null,
     ...t || []
   ]);
 });
-let O = globalThis.history?.state?._pos ?? 0;
-const le = /* @__PURE__ */ new Map(), re = (e) => (e || "").replace(/^\/+/, "").replace(/\/+$/, ""), me = (e, t) => {
+let A = globalThis.history?.state?._pos ?? 0;
+const X = /* @__PURE__ */ new Map(), ie = (e) => (e || "").replace(/^\/+/, "").replace(/\/+$/, ""), re = (e, t) => {
   if (!t) return !1;
-  const s = re(e), n = re(t);
+  const s = ie(e), n = ie(t);
   return s === n || s.startsWith(n + "/");
-}, Nt = (e, t) => {
-  const s = re(e);
+}, st = (e, t) => {
+  const s = ie(e);
   if (!t) return s;
-  const n = re(t);
+  const n = ie(t);
   if (!s.startsWith(n)) return s;
   const a = s.substring(n.length);
   if (!a || a === "/") return s;
@@ -184,21 +184,21 @@ const le = /* @__PURE__ */ new Map(), re = (e) => (e || "").replace(/^\/+/, "").
 if (typeof globalThis.history?.pushState == "function") {
   const e = globalThis.history.pushState, t = globalThis.history.replaceState;
   globalThis.history.pushState = function(s, n, a) {
-    O++;
-    const o = s !== null && typeof s == "object" ? { ...s, _pos: O } : { _pos: O };
+    A++;
+    const o = s !== null && typeof s == "object" ? { ...s, _pos: A } : { _pos: A };
     return e.call(this, o, n, a);
   }, globalThis.history.replaceState = function(s, n, a) {
-    const o = globalThis.history.state?._pos ?? O, r = s !== null && typeof s == "object" ? { ...s, _pos: o } : { _pos: o };
+    const o = globalThis.history.state?._pos ?? A, r = s !== null && typeof s == "object" ? { ...s, _pos: o } : { _pos: o };
     return t.call(this, r, n, a);
   }, globalThis.addEventListener("popstate", (s) => {
     const n = (
       /** @type {any} */
       s.state?._pos
     );
-    typeof n == "number" && (O = n);
+    typeof n == "number" && (A = n);
   });
 }
-const Ne = (e) => {
+const de = (e) => {
   const t = globalThis.history?.state || {};
   if (!(t._entryKey === e.key && t._entryPos === e.pos && t._entrySourcePath === e.sourcePath && t._entryBasePath === e.basePath))
     try {
@@ -216,36 +216,52 @@ const Ne = (e) => {
     } catch {
     }
 }, Lt = (e) => {
-  const t = globalThis.history?.state || {}, s = G.path || "", n = Nt(s, e), a = t._entryBasePath, o = typeof a == "string" && a.length > 0 && me(s, a), c = o && typeof t._entryKey == "string" && t._entryKey ? t._entryKey : `${e || ""}|${n}|${O}`, u = le.get(c);
-  if (u && me(s, u.basePath))
-    return Ne(u), u;
-  const f = o ? t._entryPos : void 0, b = o ? t._entrySourcePath : void 0, A = typeof f == "number" ? f : O, B = typeof b == "string" || b === null ? b : G.lastPath || null, z = {
-    key: c,
+  const t = globalThis.history?.state || {}, s = P.path || "", n = st(s, e), a = `${e || ""}|${n}`, o = t._entryBasePath;
+  if (typeof o == "string" && o.length > 0 && re(s, o) && typeof t._entryPos == "number") {
+    const h = typeof t._entryKey == "string" && t._entryKey ? t._entryKey : a, b = {
+      key: h,
+      pos: t._entryPos,
+      sourcePath: typeof t._entrySourcePath == "string" || t._entrySourcePath === null ? t._entrySourcePath : P.lastPath || null,
+      basePath: o || n
+    };
+    return X.set(h, b), de(b), b;
+  }
+  const c = X.get(a);
+  if (c && re(s, c.basePath)) {
+    const h = P.lastPath || "";
+    if (re(h, c.basePath))
+      return de(c), c;
+  }
+  const u = {
+    key: a,
     pos: A,
-    sourcePath: B,
-    basePath: o && typeof a == "string" && a ? a : n
+    sourcePath: P.lastPath || null,
+    basePath: n
   };
-  return Ne(z), le.set(c, z), z;
+  return de(u), X.set(a, u), u;
 }, Rt = (e) => {
   const t = globalThis.history?.state?._entryKey;
-  typeof t == "string" && t && le.delete(t), e && le.delete(e);
+  if (typeof t == "string" && t && X.delete(t), e) {
+    const s = P.path || "", n = st(s, e);
+    X.delete(`${e}|${n}`);
+  }
 }, At = (e) => {
   const t = Ft(), s = Lt(e.backUrl);
   return () => {
     Rt(e.backUrl);
-    const n = O - s.pos + 1, a = s.sourcePath, o = typeof a == "string" && a.length > 0 && !me(a, s.basePath);
+    const n = A - s.pos + 1, a = s.sourcePath, o = typeof a == "string" && a.length > 0 && !re(a, s.basePath);
     if (!t && s.pos > 0) {
       globalThis.history.go(-n);
       return;
     }
     if (o) {
-      G.navigate(a);
+      P.navigate(a);
       return;
     }
-    e.backUrl && G.navigate(e.backUrl);
+    e.backUrl && P.navigate(e.backUrl);
   };
 };
-class st extends S {
+class nt extends S {
   /**
    * This will set the component context.
    *
@@ -259,11 +275,11 @@ class st extends S {
     return s ? { data: s } : null;
   }
 }
-const L = (e) => (
+const N = (e) => (
   /** @type {VeilComponentConstructor} */
-  M(e, st)
+  B(e, nt)
 );
-class Ba extends st {
+class Ba extends nt {
   /**
    * Declare public props and their defaults.
    */
@@ -297,16 +313,16 @@ class Ba extends st {
     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 = q.number(r, "0") : this.formatType === "money" ? r = q.roundMoney(r) : this.formatType === "date" ? r = q.date(r) : this.formatType === "percent" && (r = q.percentage(r)), h({ class: "toggle-btn-value text-sm tabular-nums capitalize" }, r);
+        return this.formatType === "number" ? r = W.number(r, "0") : this.formatType === "money" ? r = W.roundMoney(r) : this.formatType === "date" ? r = W.date(r) : this.formatType === "percent" && (r = W.percentage(r)), f({ class: "toggle-btn-value text-sm tabular-nums capitalize" }, r);
       }
-      return this.value !== null && this.value !== void 0 ? h({ 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;
     })(), o = this.fill;
     return v({
       click: () => this.handleToggle(),
       // @ts-ignore
       class: `toggle-btn inline-flex items-center gap-1.5 bg-transparent border-0 p-0 cursor-pointer text-foreground/70 hover:text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${this.class || ""}`
     }, [
-      P(
+      M(
         "active",
         (r) => p({ size: t, variant: r && o ? "filled" : "outlined" }, r ? n : s)
       ),
@@ -314,7 +330,7 @@ class Ba extends st {
     ]);
   }
 }
-const ie = {
+const ce = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
   md: "w-10 h-10",
@@ -353,16 +369,16 @@ class za extends S {
    * @returns {object}
    */
   render() {
-    const t = this.icon, s = this.activeIcon || this.icon, n = ie[this.size] || ie.md, a = ["xs", "sm"].includes(this.size) ? "xs" : "sm", o = this.class ?? "bg-background/40 backdrop-blur-sm", r = "text-foreground", c = this.activeClass || r, u = this.circle ?? !1, f = this.fill;
+    const t = this.icon, s = this.activeIcon || this.icon, n = ce[this.size] || ce.md, a = ["xs", "sm"].includes(this.size) ? "xs" : "sm", o = this.class ?? "bg-background/40 backdrop-blur-sm", r = "text-foreground", c = this.activeClass || r, u = this.circle ?? !1, h = this.fill;
     return v({
       click: () => this.handleToggle(),
       // @ts-ignore
       class: `circle-toggle-btn inline-flex items-center justify-center rounded-full border-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${n} ${o}${u ? " rounded-full w-[40px] h-[40px] max-w-[40px]" : ""}`
     }, [
-      P("active", (b) => [
+      M("active", (b) => [
         p({
           size: a,
-          variant: b && f ? "filled" : "outlined",
+          variant: b && h ? "filled" : "outlined",
           class: `transition-colors ${b ? c : r}`
         }, b ? s : t)
       ])
@@ -370,7 +386,7 @@ class za extends S {
   }
 }
 const Oa = i((e, t) => {
-  const s = e.size || "md", n = ie[s] || ie.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
+  const s = e.size || "md", n = ce[s] || ce.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
   return v({
     ...e,
     // @ts-ignore
@@ -380,12 +396,12 @@ const Oa = i((e, t) => {
     e.icon ? p({ size: a }, e.icon) : null,
     ...t || []
   ]);
-}), _ = (e) => i((t, s) => v({
+}), R = (e) => i((t, s) => v({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), nt = i(
+}, s)), at = i(
   (e, t) => v({
     ...e,
     // @ts-ignore
@@ -397,12 +413,12 @@ const Oa = i((e, t) => {
     // @ts-ignore
     e.icon && e.position === "right" ? p({ size: e.size || "sm", class: e.animation ?? null }, e.icon) : null
   ])
-), Fe = (e) => i((t, s) => nt({
+), Fe = (e) => i((t, s) => at({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), jt = (e) => i((t, s) => (t.icon = t.icon || g.arrows.left, t.click = t.click || At(t), nt({
+}, s)), jt = (e) => i((t, s) => (t.icon = t.icon || g.arrows.left, t.click = t.click || At(t), at({
   ...e,
   ...t
 }, s))), Et = i((e, t) => {
@@ -423,13 +439,13 @@ const Oa = i((e, t) => {
     ...t || []
   ]);
 }), Le = {
-  primary: _({ class: "primary" }),
-  secondary: _({ class: "secondary" }),
-  destructive: _({ class: "destructive" }),
-  warning: _({ class: "warning" }),
-  outline: _({ class: "outline" }),
-  ghost: _({ class: "ghost" }),
-  link: _({ class: "link" }),
+  primary: R({ class: "primary" }),
+  secondary: R({ class: "secondary" }),
+  destructive: R({ class: "destructive" }),
+  warning: R({ class: "warning" }),
+  outline: R({ class: "outline" }),
+  ghost: R({ class: "ghost" }),
+  link: R({ class: "link" }),
   icon: Fe({ class: "icon" }),
   withIcon: Fe({ class: "with-icon" }),
   back: jt({ class: "with-icon back-button" }),
@@ -441,13 +457,13 @@ const Oa = i((e, t) => {
     // @ts-ignore
     class: `rounded-lg ${a} bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${s} ${n} ${e.class || ""}`
   }, t);
-}), Ht = i((e, t) => mt({
+}), Ht = i((e, t) => bt({
   ...e,
   // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${e.class || ""}`
 }, t)), Fa = i((e, t) => {
   const s = e.border === "full" ? "border rounded-md" : "border-t";
-  return bt({
+  return xt({
     ...e,
     // @ts-ignore
     class: `p-6 ${s} ${e.class || ""}`
@@ -478,7 +494,7 @@ const Oa = i((e, t) => {
     // Controls container: grows to fill remaining space, spacing between items
     l({ class: "flex flex-col gap-y-4" }, t)
   ]);
-}), Yt = "flex h-10 w-full px-3 py-2 text-sm", D = "rounded-md border border-border bg-input", $ = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", C = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", W = "placeholder:text-muted-foreground", Se = `${Yt} ${D} ${$} ${W} ${C}`, Vt = ({ id: e, checked: t, bind: s, required: n }) => be({
+}), 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", U = "placeholder:text-muted-foreground", $e = `${Yt} ${D} ${$} ${U} ${C}`, Vt = ({ id: e, checked: t, bind: s, required: n }) => xe({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -488,10 +504,10 @@ const Oa = i((e, t) => {
   required: n,
   checked: t,
   bind: s
-}), Wt = () => h({ class: "absolute text-xs pointer-events-none" }, [
-  P(
+}), Wt = () => f({ class: "absolute text-xs pointer-events-none" }, [
+  M(
     "checked",
-    (e) => e ? Y({
+    (e) => e ? _({
       class: "w-2 h-2 pointer-events-none",
       html: g.check
     }) : null
@@ -518,11 +534,11 @@ const Oa = i((e, t) => {
 }, [
   Vt({ bind: t, checked: s, id: e, required: n }),
   Wt()
-]), Gt = ({ id: e, label: t, clickHandler: s }) => V({
+]), Gt = ({ id: e, label: t, clickHandler: s }) => H({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: s
-}, t), Kt = M(
+}, t), Kt = B(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -585,7 +601,7 @@ const Oa = i((e, t) => {
   const t = e.target, s = Qt(t.value);
   s && (t.value = s);
 }, Xt = [
-  "peer w-full min-w-0 h-14 px-3 pt-5 pb-1",
+  "peer w-full min-w-0 max-w-full h-14 px-3 pt-5 pb-1",
   "text-base text-foreground",
   D,
   $,
@@ -631,22 +647,22 @@ const Oa = i((e, t) => {
   "pointer-events-none select-none"
 ].join(" ");
 let as = 0;
-const $e = (e) => e.id || e.name || `floating-${++as}`, De = (e, t, s, n) => e ? V(
+const De = (e) => e.id || e.name || `floating-${++as}`, Ie = (e, t, s, n) => e ? H(
   { htmlFor: s, class: n },
-  t ? [h(e), h({ class: "text-destructive ml-0.5" }, "*")] : e
-) : null, os = () => Y({
+  t ? [f(e), f({ class: "text-destructive ml-0.5" }, "*")] : e
+) : null, os = () => _({
   class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none w-4 h-4 text-foreground-secondary",
   html: g.chevron.single.down
 }), ae = i((e) => {
-  const t = $e(e);
-  return l({ class: "relative" }, [
+  const t = De(e);
+  return l({ class: "relative min-w-0" }, [
     y({
       ...e,
       id: t,
       placeholder: " ",
       class: `${Xt} ${e.class || ""}`.trim()
     }),
-    De(e.label, e.required, t, ts)
+    Ie(e.label, e.required, t, ts)
   ]);
 }), La = i(
   (e) => ae({
@@ -684,19 +700,19 @@ const $e = (e) => e.id || e.name || `floating-${++as}`, De = (e, t, s, n) => e ?
     label: e.label || "URL"
   })
 ), _a = i((e) => {
-  const t = $e(e);
-  return l({ class: "relative" }, [
+  const t = De(e);
+  return l({ class: "relative min-w-0" }, [
     Je({
       ...e,
       id: t,
       placeholder: " ",
       class: `${Zt} ${e.class || ""}`.trim()
     }),
-    De(e.label, e.required, t, ss)
+    Ie(e.label, e.required, t, ss)
   ]);
 }), Ha = i((e) => {
-  const t = $e(e), { options: s, onCreated: n, ...a } = e;
-  return l({ class: "relative" }, [
+  const t = De(e), { options: s, onCreated: n, ...a } = e;
+  return l({ class: "relative min-w-0" }, [
     {
       tag: "select",
       ...a,
@@ -707,7 +723,7 @@ const $e = (e) => e.id || e.name || `floating-${++as}`, De = (e, t, s, n) => e ?
       }
     },
     os(),
-    De(e.label, e.required, t, ns)
+    Ie(e.label, e.required, t, ns)
   ]);
 }), ls = (e) => {
   if (!e || e.length === 0) return "";
@@ -716,11 +732,11 @@ const $e = (e) => e.id || e.name || `floating-${++as}`, De = (e, t, s, n) => e ?
 }, rs = (e) => {
   const t = e.target, s = ls(t.value);
   s && (t.value = s);
-}, R = i((e) => y({
+}, F = i((e) => y({
   ...e,
   // @ts-ignore
-  class: `${Se} ${e.class || ""}`.trim()
-})), Ua = i((e) => R({
+  class: `${$e} ${e.class || ""}`.trim()
+})), Ua = i((e) => F({
   ...e,
   type: "tel",
   // @ts-ignore
@@ -731,7 +747,7 @@ const $e = (e) => e.id || e.name || `floating-${++as}`, De = (e, t, s, n) => e ?
   // @ts-ignore
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
   keyup: rs
-})), Ya = i((e) => R({
+})), Ya = i((e) => F({
   ...e,
   type: "email",
   // @ts-ignore
@@ -743,54 +759,54 @@ const $e = (e) => e.id || e.name || `floating-${++as}`, De = (e, t, s, n) => e ?
   ...e,
   as: "textarea",
   // @ts-ignore
-  class: `flex w-full h-24 px-3 py-2 text-sm ${D} ${$} ${W} ${C} ${e.class || ""}`.trim()
+  class: `flex w-full h-24 px-3 py-2 text-sm ${D} ${$} ${U} ${C} ${e.class || ""}`.trim()
 })), Wa = (e = {}) => l({ class: "flex items-center gap-x-2" }, [
   y({
     ...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 && V({ forHTML: e.value, class: "cursor-pointer" }, e.label)
+  e.label && H({ forHTML: e.value, class: "cursor-pointer" }, e.label)
 ]), qa = i((e) => y({
   ...e,
   type: "date",
   // @ts-ignore
-  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${D} ${$} ${U} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), Ga = i((e) => y({
   ...e,
   type: "time",
   // @ts-ignore
-  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${D} ${$} ${U} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), Ka = i((e) => y({
   ...e,
   type: "datetime-local",
   // @ts-ignore
-  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${D} ${$} ${U} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), Qa = i((e) => y({
   ...e,
   type: "month",
   // @ts-ignore
-  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${D} ${$} ${U} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), Ja = i((e) => y({
   ...e,
   type: "week",
   // @ts-ignore
-  class: `${D} ${$} ${W} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), Xa = i((e) => R({
+  class: `${D} ${$} ${U} ${C} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), Xa = i((e) => F({
   ...e,
   type: "number"
-})), Za = i((e) => R({
+})), Za = i((e) => F({
   ...e,
   type: "password"
 }));
-i((e) => R({
+i((e) => F({
   ...e,
   type: "search"
 }));
-const eo = i((e) => R({
+const eo = i((e) => F({
   ...e,
   type: "url"
-})), to = i((e) => R({
+})), to = i((e) => F({
   ...e,
   type: "hidden"
 })), so = i((e) => y({
@@ -799,7 +815,7 @@ const eo = i((e) => R({
   // @ts-ignore
   class: `${D} text-foreground p-0 ${C} ${e.class || ""}`.trim()
 }));
-i((e) => be({
+i((e) => xe({
   ...e,
   // @ts-ignore
   class: `flex h-4 w-4 text-foreground ${D} ${$} ${C} ${e.class || ""}`.trim()
@@ -808,8 +824,8 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   ...e,
   type: "file",
   // @ts-ignore
-  class: `${Se} ${is} ${e.class || ""}`.trim()
-})), ao = L(
+  class: `${$e} ${is} ${e.class || ""}`.trim()
+})), ao = N(
   {
     /**
      * This will create the initial state of the RangeSlider.
@@ -842,7 +858,7 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       return l({ class: "relative w-full h-4 flex items-center" }, [
         // Track
         l({ class: "absolute h-2 w-full rounded-full bg-muted" }),
-        K(({ state: e }) => [
+        q(({ state: e }) => [
           // Filled Track
           l({
             class: "absolute h-2 bg-primary rounded-full",
@@ -889,9 +905,9 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       t && et.setupSelectOptions(a, t), s && s(a);
     },
     ...n,
-    class: `[&>option]:text-foreground [&>option]:bg-background ${Se} ${n.class || ""}`.trim()
+    class: `[&>option]:text-foreground [&>option]:bg-background ${$e} ${n.class || ""}`.trim()
   };
-}), cs = i(({ src: e, alt: t, class: s, checkPath: n = !0, loading: a = "lazy", decoding: o = "async", fetchPriority: r = "auto" }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : xe({
+}), cs = i(({ src: e, alt: t, class: s, checkPath: n = !0, loading: a = "lazy", decoding: o = "async", fetchPriority: r = "auto" }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : pe({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
   alt: t,
@@ -956,10 +972,10 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
       (a) => (a = ds(a), a ? Re(a, s) : n)
     ]
   }, [n]);
-}), us = () => K(({ state: e }) => l({
+}), us = () => q(({ state: e }) => l({
   class: "absolute h-full rounded-full bg-primary transition-all duration-300",
   style: ["width: [[progress]]%;", e]
-})), ro = L(
+})), ro = N(
   {
     /**
      * This will render the progress bar component.
@@ -1026,10 +1042,10 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     s ? a : "",
     n ? o : "",
     t
-  ].filter(Boolean).join(" "), f = `height: env(safe-area-inset-bottom, 0px);${c ? ` ${c}` : ""}`;
+  ].filter(Boolean).join(" "), h = `height: env(safe-area-inset-bottom, 0px);${c ? ` ${c}` : ""}`;
   return l({
     class: u,
-    style: f,
+    style: h,
     "aria-hidden": "true"
   });
 }), co = i((e = {}) => {
@@ -1047,10 +1063,10 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     s ? a : "",
     n ? o : "",
     t
-  ].filter(Boolean).join(" "), f = `height: env(safe-area-inset-top, 0px);${c ? ` ${c}` : ""}`;
+  ].filter(Boolean).join(" "), h = `height: env(safe-area-inset-top, 0px);${c ? ` ${c}` : ""}`;
   return l({
     class: u,
-    style: f,
+    style: h,
     "aria-hidden": "true"
   });
 }), Ae = {
@@ -1067,7 +1083,7 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   return Array.isArray(s) === !1 && (s = [s]), l({ class: "relative group inline-block" }, [
     ...s,
     // Tooltip box
-    h({
+    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
@@ -1102,7 +1118,7 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   }
 }, fs = (e, t) => l({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   p({ size: "sm" }, e)
-]), gs = (e) => xt({ class: "font-semibold" }, e), ms = (e) => k({ class: "text-sm text-muted-foreground" }, e), ho = i(({ title: e, description: t, icon: s, type: n = "default" }) => {
+]), gs = (e) => pt({ class: "font-semibold" }, e), ms = (e) => k({ class: "text-sm text-muted-foreground" }, e), ho = i(({ title: e, description: t, icon: s, type: n = "default" }) => {
   const { borderColor: a, bgColor: o, iconColor: r } = je[n] || je.default;
   return l({ class: `flex items-start p-4 border rounded-lg ${o} ${a}` }, [
     // Icon and content
@@ -1115,8 +1131,8 @@ const is = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
 }), bs = (e, t) => {
   const s = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, n = t.getBoundingClientRect(), a = 10, o = globalThis.scrollX, r = globalThis.scrollY;
   let c = s.left + o, u = s.bottom + r;
-  const f = globalThis.innerHeight - s.bottom, b = s.top;
-  return c + n.width > globalThis.innerWidth && (c = globalThis.innerWidth - n.width - a), f < n.height && b > f ? u = s.top + r - n.height - a : f < n.height && (u = s.bottom + r - (n.height - f) - a), { x: c, y: u };
+  const h = globalThis.innerHeight - s.bottom, b = s.top;
+  return c + n.width > globalThis.innerWidth && (c = globalThis.innerWidth - n.width - a), h < n.height && b > h ? u = s.top + r - n.height - a : h < n.height && (u = s.bottom + r - (n.height - h) - a), { x: c, y: u };
 };
 class oe extends S {
   /**
@@ -1125,7 +1141,7 @@ class oe extends S {
    * @returns {object}
    */
   setData() {
-    const t = this.parent.data || new F();
+    const t = this.parent.data || new O();
     return t.set({
       position: { x: 0, y: 0 }
     }), t;
@@ -1247,7 +1263,7 @@ class oe extends S {
     this?.panel?.hidePopover();
   }
 }
-const xs = i((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), ps = i((e, t) => V({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), ys = i((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ws = i((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), fo = i((e, t = []) => _t({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
+const xs = i((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), ps = i((e, t) => H({ ...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 && ee({ class: "text-lg font-semibold py-4 px-6" }, e.title),
   // @ts-ignore
@@ -1261,7 +1277,7 @@ const xs = i((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
 )), mo = i((e, t = []) => {
   const s = e.border ? "border-t" : "";
   return l({ ...e, class: `flex flex-col pb-4 px-6 gap-y-4 ${s} ${e.class || ""}` }, t);
-}), vs = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", at = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = at(n.children, t, s)), !n.required) ? n : vs(n) ? {
+}), vs = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", ot = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = ot(n.children, t, s)), !n.required) ? n : vs(n) ? {
   ...n,
   aria: {
     invalid: ["hasError"]
@@ -1269,7 +1285,7 @@ const xs = i((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   invalid: s,
   input: t
 } : n), ks = i((e, t) => {
-  const a = at(t, (o) => {
+  const a = ot(t, (o) => {
     o.target.checkValidity() && e.setError(null);
   }, (o) => {
     e.setError(o.target.validationMessage);
@@ -1278,7 +1294,7 @@ const xs = i((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     ...e,
     class: "w-full"
   }, a);
-}), bo = L(
+}), bo = N(
   {
     /**
      * The initial state of the FormField.
@@ -1319,10 +1335,10 @@ const xs = i((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   }
 ), Cs = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
-}, ot = i(
+}, lt = i(
   (e, t) => (
     // @ts-ignore
-    pt({ ...e, submit: (s, n) => Cs(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
+    yt({ ...e, submit: (s, n) => Cs(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
   )
 ), xo = i((e, t) => (
   // @ts-ignore
@@ -1332,11 +1348,11 @@ const xs = i((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   e.title && ee({ class: "font-semibold" }, e.title),
   ...t
 ])), yo = (e, t) => l({ class: "flex justify-between" }, [
-  h({ class: "text-muted-foreground" }, e),
-  h(t)
+  f({ class: "text-muted-foreground" }, e),
+  f(t)
 ]), wo = (e, t) => l({ class: "flex" }, [
-  h({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
-  h(t)
+  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: o = !1 }) => te({ 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)
@@ -1370,7 +1386,7 @@ const xs = i((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       o.target === r.panel && (o.preventDefault(), o.stopPropagation(), r.state.open = !1);
     }
   }, [
-    ot({
+    lt({
       class: "modal-content relative bg-background z-1 flex flex-auto flex-col gap-y-4 min-w-0",
       // @ts-ignore
       submit: (o, r) => e.onSubmit && e.onSubmit(r),
@@ -1379,7 +1395,7 @@ const xs = i((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       Ss(e),
       l({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, t),
       // @ts-ignore
-      !e.hideFooter && pe({ class: "modal-footer sticky bottom-0 bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
+      !e.hideFooter && ye({ 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)
     ])
   ]);
 }), Ee = {
@@ -1409,7 +1425,7 @@ const xs = i((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
     iconColor: "text-muted-foreground"
   }
 }, $s = (e) => te({ class: "flex justify-center" }, [
-  ye({ class: "text-lg font-bold mb-0" }, e)
+  we({ class: "text-lg font-bold mb-0" }, e)
 ]), Ds = i(({ href: e, class: t }, s) => Xe({
   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,
@@ -1462,7 +1478,7 @@ class ko extends S {
    */
   afterSetup() {
     const t = this.duration;
-    t !== "infinite" && (this.timer = new $t(t, this.close.bind(this)), this.timer.start());
+    t !== "infinite" && (this.timer = new Dt(t, this.close.bind(this)), this.timer.start());
   }
   /**
    * This will get the style properties based on the notification type.
@@ -1503,7 +1519,7 @@ class ko extends S {
             this.title && $s(this.title)
           ]),
           k({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
-          (this.primary || this.secondary) && pe({ class: "margin-top-24 flex align-center" }, this.getButtons())
+          (this.primary || this.secondary) && ye({ class: "margin-top-24 flex align-center" }, this.getButtons())
         ])
       ]),
       x({
@@ -1524,7 +1540,7 @@ class ko extends S {
     t && t.stopPropagation(), this.duration !== "infinite" && this.timer.stop(), this.onClick && this.onClick(), this.destroy();
   }
 }
-const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v({
+const _e = globalThis.matchMedia, ue = i(({ value: e, label: t, icon: s }) => v({
   class: 'text-sm gap-1 font-medium leading-none disabled:cursor-not-allowed disabled:opacity-70 flex flex-col items-center justify-between rounded-md border-2 bg-popover p-4 hover:bg-accent hover:text-accent-foreground data-[state="active"]:border-primary [&:has([data-state="active"])]:border-primary',
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
@@ -1533,7 +1549,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
   }
 }, [
   p({}, s),
-  h(t)
+  f(t)
 ])), Ts = (e) => {
   const t = document.documentElement;
   if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), _e && !_e("(prefers-color-scheme: " + e + ")").matches) {
@@ -1542,7 +1558,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, Co = M(
+}, Co = B(
   {
     /**
      * This will render the component.
@@ -1552,9 +1568,9 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
     render() {
       return l({ class: "flex flex-auto flex-col" }, [
         l({ class: "grid grid-cols-3 gap-4" }, [
-          ce({ label: "System", value: "system", icon: g.adjustments.horizontal }),
-          ce({ label: "Light", value: "light", icon: g.sun }),
-          ce({ label: "Dark", value: "dark", icon: g.moon })
+          ue({ label: "System", value: "system", icon: g.adjustments.horizontal }),
+          ue({ label: "Light", value: "light", icon: g.sun }),
+          ue({ label: "Dark", value: "dark", icon: g.moon })
         ])
       ]);
     },
@@ -1569,7 +1585,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
       };
     }
   }
-), So = L(
+), So = N(
   {
     /**
      * The initial state of the Toggle.
@@ -1603,7 +1619,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
           s.toggle("active"), this.checkbox.checked = s.active, this.change && this.change(s.active, t, this);
         }
       }, [
-        be({
+        xe({
           cache: "checkbox",
           class: "opacity-0 absolute top-0 left-0 bottom-0 right-0 w-full h-full",
           /**
@@ -1614,7 +1630,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
           bind: this.bind,
           required: this.required
         }),
-        h({
+        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 }]
         })
@@ -1625,8 +1641,8 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
   src: e,
   alt: t,
   class: "rounded-full"
-})), Ms = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), lt = (e) => !e || e.length < 2 ? e : Ms(e), Bs = (e) => h([e, (t, s) => {
-  s.textContent = lt(t);
+})), Ms = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), rt = (e) => !e || e.length < 2 ? e : Ms(e), Bs = (e) => f([e, (t, s) => {
+  s.textContent = rt(t);
 }]), He = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
@@ -1648,7 +1664,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
   "4xl": "text-5xl",
   default: "text-base"
 }, zs = (e) => He[e] || He.default, Os = (e) => Ue[e] || Ue.default, Ns = (e, t = null, s = "md") => {
-  const n = lt(String(e)), a = Os(s);
+  const n = rt(String(e)), a = Os(s);
   return l(
     {
       class: `
@@ -1658,7 +1674,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
 		`
     },
     [
-      t ? Bs(t) : h({ class: "uppercase" }, n)
+      t ? Bs(t) : f({ class: "uppercase" }, n)
     ]
   );
 }, Fs = i(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
@@ -1672,7 +1688,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
       Ns(s, n, a)
     ]
   );
-}), Ye = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, $o = M(
+}), Ye = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, $o = B(
   {
     /**
      * Get the initial state for the component.
@@ -1692,7 +1708,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
      */
     openFileBrowse() {
       const e = this.input;
-      e && (e.value = "", U.trigger("click", e));
+      e && (e.value = "", E.trigger("click", e));
     },
     /**
      * Get the URL for the uploaded file.
@@ -1728,13 +1744,13 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          P("loaded", (s) => s === !1 || Ye(this.src) ? V({
+          M("loaded", (s) => s === !1 || Ye(this.src) ? H({
             htmlFor: e,
             class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
           }, [
-            ge(g.upload),
+            be(g.upload),
             l("Upload Image")
-          ]) : xe({
+          ]) : pe({
             // @ts-ignore
             src: this.src,
             class: "absolute inset-0 w-full h-full object-cover rounded-full"
@@ -1743,7 +1759,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
       ]);
     }
   }
-), Do = M(
+), Do = B(
   {
     /**
      * Get the initial state for the component.
@@ -1763,7 +1779,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
      */
     openFileBrowse() {
       const e = this.input;
-      e && (e.value = "", U.trigger("click", e));
+      e && (e.value = "", E.trigger("click", e));
     },
     /**
      * Get the URL for the uploaded file.
@@ -1799,13 +1815,13 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          P(
+          M(
             "loaded",
-            (s) => s ? xe({
+            (s) => s ? pe({
               // @ts-ignore
               src: this.src,
               class: "absolute inset-0 w-full h-full object-cover rounded-full"
-            }) : V({
+            }) : H({
               htmlFor: e,
               class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
             }, [
@@ -1832,15 +1848,15 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
     // Only set aria-current on the last item
     class: "text-muted-foreground font-medium hover:text-foreground"
   },
-  [h(t)]
+  [f(t)]
 ), Rs = () => p({
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
 }, g.chevron.single.right), As = (e) => l({ class: "flex items-center" }, [
-  e.href ? Ls(e.href, e.label) : h(e.label),
+  e.href ? Ls(e.href, e.label) : f(e.label),
   e.separator && Rs()
-]), Io = M(
+]), Io = B(
   {
     /**
      * Set initial data
@@ -1848,7 +1864,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
      * @returns {Data}
      */
     setData() {
-      return new F({
+      return new O({
         // @ts-ignore
         items: this.items || []
       });
@@ -1860,7 +1876,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
      */
     render() {
       const e = this.data.items.length - 1;
-      return we(
+      return ve(
         {
           "aria-label": "Breadcrumb",
           class: "flex items-center gap-x-1 text-sm"
@@ -1889,7 +1905,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
   "3xl": "h-24 w-24",
   default: "h-4 w-4"
 }, js = (e) => Ve[e] || Ve.default, Es = ({ index: e, size: t }) => l({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
-  h({
+  f({
     class: "block w-full h-full rounded-full transition-colors",
     onSet: ["activeIndex", {
       "bg-primary": e,
@@ -1902,7 +1918,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
 ]), _s = (e, t) => Array.from({ length: e }, (s, n) => Es({
   index: n,
   size: t
-})), To = M(
+})), To = B(
   {
     /**
      * Defines component data (props).
@@ -1910,7 +1926,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
      * @returns {Data}
      */
     setData() {
-      return new F({
+      return new O({
         // @ts-ignore
         count: this.count || 4,
         // total dots
@@ -1940,20 +1956,20 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
     click: e
   },
   [
-    h({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
+    f({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
     p({ size: "sm" }, g.chevron.upDown)
   ]
-), Us = (e, t, s) => ve({
+), Us = (e, t, s) => ke({
   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 && h({ class: "mr-2 flex items-baseline" }, [p({ size: "xs" }, e.icon)]),
-  h({ class: "text-base font-normal" }, e.label)
+  e.icon && f({ class: "mr-2 flex items-baseline" }, [p({ size: "xs" }, e.icon)]),
+  f({ class: "text-base font-normal" }, e.label)
 ]), Ys = (e, t) => l({ class: "w-full border rounded-md" }, [
   se({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Us(s, e, t)] })
 ]), Vs = ({ onSelect: e, state: t }) => l({ class: "flex flex-auto flex-col" }, [
-  P(
+  M(
     "open",
     (s, n, a) => s ? new oe({
       cache: "dropdown",
@@ -1963,7 +1979,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
       Ys(e, t)
     ]) : null
   )
-]), Po = M(
+]), Po = B(
   {
     /**
      * This will set up the data.
@@ -1971,7 +1987,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
      * @returns {Data}
      */
     setData() {
-      return new F({
+      return new O({
         // @ts-ignore
         items: this.items || []
       });
@@ -2065,21 +2081,21 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
       ]);
     }
   }
-), rt = ({ icon: e, click: t, ariaLabel: s }) => x({
+), it = ({ icon: e, click: t, ariaLabel: s }) => x({
   variant: "icon",
   class: "flex flex-none",
   click: t,
   icon: e,
   "aria-label": s
-}), Ws = ({ click: e }) => rt({
+}), Ws = ({ click: e }) => it({
   icon: g.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), qs = ({ click: e }) => rt({
+}), qs = ({ click: e }) => it({
   icon: g.circlePlus,
   click: e,
   ariaLabel: "Increment"
-}), Gs = ({ bind: e, min: t, max: s, readonly: n = !1 }) => K(({ state: a }) => y({
+}), Gs = ({ bind: e, min: t, max: s, readonly: n = !1 }) => q(({ state: a }) => y({
   value: ["[[count]]", a],
   bind: e,
   blur: (o, { state: r }) => {
@@ -2092,7 +2108,7 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
   max: s,
   type: "number",
   "aria-label": "Counter"
-})), Mo = L(
+})), Mo = N(
   {
     /**
      * Initial state for the counter component.
@@ -2140,10 +2156,10 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
       n.substring(0, 3)
     )
   )
-), N = (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), H = (e, t, s) => `${e}-${N(t + 1)}-${N(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) => {
+), z = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), Qs = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), j = (e, t, s) => `${e}-${z(t + 1)}-${z(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");
-}, de = (e) => {
+}, he = (e) => {
   const {
     day: t,
     currentDate: s,
@@ -2168,29 +2184,29 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
     },
     t.toString()
   );
-}, ue = (e, t, s, n) => e === n.date && t === n.month && s === n.year, sn = (e, t, s, n = !1) => {
-  const { year: a, month: o } = e, r = H(a, o, e.date), c = new Date(a, o, 1).getDay(), u = new Date(a, o + 1, 0).getDate(), f = new Date(a, o, 0).getDate(), b = [], A = o === 0 ? 11 : o - 1, B = o === 0 ? a - 1 : a;
+}, fe = (e, t, s, n) => e === n.date && t === n.month && s === n.year, sn = (e, t, s, n = !1) => {
+  const { year: a, month: o } = e, r = j(a, o, e.date), c = new Date(a, o, 1).getDay(), u = new Date(a, o + 1, 0).getDate(), h = new Date(a, o, 0).getDate(), b = [], G = o === 0 ? 11 : o - 1, Y = o === 0 ? a - 1 : a;
   for (let d = c - 1; d >= 0; d--) {
-    const w = f - d, I = ue(w, A, B, t), T = new Date(B, A, w) < new Date(t.year, t.month, t.date), E = n && T;
+    const w = h - d, I = fe(w, G, Y, t), T = new Date(Y, G, w) < new Date(t.year, t.month, t.date), L = n && T;
     b.push(
-      de({
+      he({
         day: w,
         currentDate: r,
-        date: H(B, A, w),
+        date: j(Y, G, w),
         isToday: I,
         isOutsideMonth: !0,
         select: s,
-        disabled: E
+        disabled: L
       })
     );
   }
   for (let d = 1; d <= u; d++) {
-    const w = ue(d, o, a, t), I = new Date(a, o, d) < new Date(t.year, t.month, t.date), T = n && I;
+    const w = fe(d, o, a, t), I = new Date(a, o, d) < new Date(t.year, t.month, t.date), T = n && I;
     b.push(
-      de({
+      he({
         day: d,
         currentDate: r,
-        date: H(a, o, d),
+        date: j(a, o, d),
         isToday: w,
         isOutsideMonth: !1,
         select: s,
@@ -2198,14 +2214,14 @@ const _e = globalThis.matchMedia, ce = i(({ value: e, label: t, icon: s }) => v(
       })
     );
   }
-  const j = o === 11 ? 0 : o + 1, z = o === 11 ? a + 1 : a, m = (7 - b.length % 7) % 7;
+  const V = o === 11 ? 0 : o + 1, le = o === 11 ? a + 1 : a, m = (7 - b.length % 7) % 7;
   for (let d = 1; d <= m; d++) {
-    const w = ue(d, j, z, t), I = new Date(z, j, d) < new Date(t.year, t.month, t.date), T = n && I;
+    const w = fe(d, V, le, t), I = new Date(le, V, d) < new Date(t.year, t.month, t.date), T = n && I;
     b.push(
-      de({
+      he({
         day: d,
         currentDate: r,
-        date: H(z, j, d),
+        date: j(le, V, d),
         isToday: w,
         isOutsideMonth: !0,
         select: s,
@@ -2304,7 +2320,7 @@ class cn extends S {
    */
   setData() {
     const t = /* @__PURE__ */ new Date(), s = this.getSelectedDate(t), n = s.getMonth();
-    return new F({
+    return new O({
       monthName: this.getMonthName(n),
       currentDate: `${s.getFullYear()}-${n + 1}-${s.getDate()}`,
       current: {
@@ -2369,7 +2385,7 @@ class cn 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 = N(n)), a.currentDate = `${s}-${N(t + 1)}-${a.current.date}`, a.monthName = this.getMonthName(t);
+    a.current.month = t, a.current.year = s, typeof n == "number" && (a.current.date = z(n)), a.currentDate = `${s}-${z(t + 1)}-${a.current.date}`, a.monthName = this.getMonthName(t);
   }
   /**
    * This will select a date.
@@ -2388,7 +2404,7 @@ class cn extends S {
    */
   render() {
     return l({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
-      P("view", (t) => {
+      M("view", (t) => {
         switch (t) {
           case "months":
             return Ks(
@@ -2469,11 +2485,11 @@ const dn = (e) => {
         click: s
       },
       [
-        Y({ html: g.calendar.days })
+        _({ html: g.calendar.days })
       ]
     )
   ]
-), mn = ({ handleDateSelect: e, blockPriorDates: t }) => ke(
+), mn = ({ handleDateSelect: e, blockPriorDates: t }) => Ce(
   (s, n, a) => new oe({
     cache: "dropdown",
     parent: a,
@@ -2486,7 +2502,7 @@ const dn = (e) => {
       blockPriorDates: t
     })
   ])
-), Bo = L(
+), Bo = N(
   {
     /**
      * The initial state of the DatePicker.
@@ -2517,7 +2533,7 @@ const dn = (e) => {
       const s = e.target.value.replace(/\D/g, "");
       e.target.value = dn(s);
       const n = un(s);
-      n && (this.state.selectedDate = n, this.input.value = n, U.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(n));
+      n && (this.state.selectedDate = n, this.input.value = n, E.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(n));
     },
     /**
      * Handles input focus - select all text for easy editing.
@@ -2533,7 +2549,7 @@ const dn = (e) => {
      * @param {string} date
      */
     handleDateSelect(e) {
-      this.state.selectedDate = e, this.state.open = !1, this.input.value = e, U.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(e);
+      this.state.selectedDate = e, this.state.open = !1, this.input.value = e, E.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(e);
     },
     /**
      * Toggles the calendar popover.
@@ -2591,10 +2607,10 @@ const dn = (e) => {
   { class: "grid grid-cols-7 gap-1 text-center text-xs font-medium text-muted-foreground mb-2" },
   ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(xn)
 ), yn = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: o, isOtherMonth: r, click: c }) => {
-  let u = "ghost", f = "";
-  return n || a ? (u = "default", f = "bg-primary text-primary-foreground hover:bg-primary/90") : o && (f = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (f += " opacity-50 cursor-not-allowed"), r && (f += " text-muted-foreground opacity-50"), x(
+  let u = "ghost", h = "";
+  return n || a ? (u = "default", h = "bg-primary text-primary-foreground hover:bg-primary/90") : o && (h = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (h += " opacity-50 cursor-not-allowed"), r && (h += " text-muted-foreground opacity-50"), x(
     {
-      class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${f}`,
+      class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${h}`,
       variant: u,
       disabled: s,
       click: (b) => {
@@ -2604,45 +2620,45 @@ const dn = (e) => {
     e.toString()
   );
 }, wn = ({ today: e, current: t, blockPriorDates: s, onDateClick: n }) => {
-  const { start: a, end: o } = t, r = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), u = [], f = t.month === 0 ? 11 : t.month - 1, b = t.month === 0 ? t.year - 1 : t.year, A = new Date(b, f + 1, 0).getDate(), B = t.month === 11 ? 0 : t.month + 1, j = t.month === 11 ? t.year + 1 : t.year;
+  const { start: a, end: o } = t, r = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), u = [], h = t.month === 0 ? 11 : t.month - 1, b = t.month === 0 ? t.year - 1 : t.year, G = new Date(b, h + 1, 0).getDate(), Y = t.month === 11 ? 0 : t.month + 1, V = t.month === 11 ? t.year + 1 : t.year;
   for (let m = r - 1; m >= 0; m--) {
-    const d = A - m, w = H(b, f, d), I = new Date(b, f, d), T = new Date(e.year, e.month, e.date), E = I < T, Q = s && E, J = a === w, X = o === w, gt = a && o && w > a && w < o;
+    const d = G - m, w = j(b, h, d), I = new Date(b, h, d), T = new Date(e.year, e.month, e.date), L = I < T, K = s && L, Q = a === w, J = o === w, mt = a && o && w > a && w < o;
     u.push({
       day: d,
       iso: w,
-      disabled: Q,
-      isStart: J,
-      isEnd: X,
-      isBetween: gt,
+      disabled: K,
+      isStart: Q,
+      isEnd: J,
+      isBetween: mt,
       isOtherMonth: !0,
       click: () => n(w)
     });
   }
   for (let m = 1; m <= c; m++) {
-    const d = H(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, E = s && T, Q = a === d, J = o === d, X = a && o && d > a && d < o;
+    const d = j(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, L = s && T, K = a === d, Q = o === d, J = a && o && d > a && d < o;
     u.push({
       day: m,
       iso: d,
-      disabled: E,
-      isStart: Q,
-      isEnd: J,
-      isBetween: X,
+      disabled: L,
+      isStart: K,
+      isEnd: Q,
+      isBetween: J,
       isOtherMonth: !1,
       click: () => {
         n(d);
       }
     });
   }
-  const Te = (7 - u.length % 7) % 7;
-  for (let m = 1; m <= Te; m++) {
-    const d = H(j, B, m), w = new Date(j, B, m), I = new Date(e.year, e.month, e.date), T = w < I, E = s && T, Q = a === d, J = o === d, X = a && o && d > a && d < o;
+  const Pe = (7 - u.length % 7) % 7;
+  for (let m = 1; m <= Pe; m++) {
+    const d = j(V, Y, m), w = new Date(V, Y, m), I = new Date(e.year, e.month, e.date), T = w < I, L = s && T, K = a === d, Q = o === d, J = a && o && d > a && d < o;
     u.push({
       day: m,
       iso: d,
-      disabled: E,
-      isStart: Q,
-      isEnd: J,
-      isBetween: X,
+      disabled: L,
+      isStart: K,
+      isEnd: Q,
+      isBetween: J,
       isOtherMonth: !0,
       click: () => n(d)
     });
@@ -2758,14 +2774,14 @@ class Dn 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 F({
+    return new O({
       today: {
         date: t.getDate(),
         month: t.getMonth(),
         year: t.getFullYear()
       },
       monthName: this.getMonthName(n),
-      currentData: `${s.getFullYear()}-${N(s.getMonth() + 1)}-${N(s.getDate())}`,
+      currentData: `${s.getFullYear()}-${z(s.getMonth() + 1)}-${z(s.getDate())}`,
       current: {
         date: t.getDate(),
         month: n,
@@ -2829,7 +2845,7 @@ class Dn 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}-${N(t + 1)}-${N(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}-${z(t + 1)}-${z(a.date)}`;
   }
   /**
    * Render the range calendar.
@@ -2850,7 +2866,7 @@ class Dn extends S {
           r.preventDefault(), r.stopPropagation(), this.data.selecting = "end";
         }
       }),
-      P("view", (r) => {
+      M("view", (r) => {
         switch (r) {
           case "months":
             return kn(
@@ -2910,13 +2926,13 @@ const In = ({ bind: e, required: t }) => y({
   click: s
 }, [
   In({ bind: e, required: t }),
-  K(({ state: n }) => [
-    h(q.date(["[[start]]", n], "Start Date")),
-    h(" - "),
-    h(q.date(["[[end]]", n], "End Date"))
+  q(({ state: n }) => [
+    f(W.date(["[[start]]", n], "Start Date")),
+    f(" - "),
+    f(W.date(["[[end]]", n], "End Date"))
   ]),
-  Y({ html: g.calendar.days })
-]), Pn = ({ handleDateSelect: e, blockPriorDates: t }) => ke((s, n, a) => new oe({
+  _({ html: g.calendar.days })
+]), Pn = ({ handleDateSelect: e, blockPriorDates: t }) => Ce((s, n, a) => new oe({
   cache: "dropdown",
   parent: a,
   button: a.panel,
@@ -2928,7 +2944,7 @@ const In = ({ bind: e, required: t }) => y({
     onRangeSelect: e,
     blockPriorDates: t
   })
-])), zo = L(
+])), zo = N(
   {
     /**
      * The initial state of the DateRangePicker.
@@ -2961,7 +2977,7 @@ const In = ({ bind: e, required: t }) => y({
      */
     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}`, U.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}`, E.trigger("change", this.input), typeof this.onChange == "function" && this.onChange({ start: s, end: n }, this.parent);
       };
       return l({ class: "relative w-full max-w-[320px]" }, [
         Tn({
@@ -3027,13 +3043,13 @@ function Nn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleI
           click: s
         },
         [
-          Y({ html: g.clock })
+          _({ html: g.clock })
         ]
       )
     ]
   );
 }
-function he({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !1 }) {
+function ge({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !1 }) {
   return l(
     { class: "flex flex-col max-h-[200px] overflow-y-auto" },
     e.map((o) => {
@@ -3048,7 +3064,7 @@ function he({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !
   );
 }
 function Fn({ handleTimeSelect: e }) {
-  return ke(
+  return Ce(
     (t, s, n) => new oe(
       {
         cache: "dropdown",
@@ -3064,7 +3080,7 @@ function Fn({ handleTimeSelect: e }) {
               { class: "grid grid-cols-3 gap-2 p-4 text-center max-h-[220px] min-w-[240px]" },
               [
                 // Hours column
-                he({
+                ge({
                   items: Array.from({ length: 12 }, (a, o) => o + 1),
                   handleTimeSelect: e,
                   state: n.state,
@@ -3072,7 +3088,7 @@ function Fn({ handleTimeSelect: e }) {
                   pad: !0
                 }),
                 // Minutes column
-                he({
+                ge({
                   items: Array.from({ length: 60 }, (a, o) => o),
                   handleTimeSelect: e,
                   state: n.state,
@@ -3080,7 +3096,7 @@ function Fn({ handleTimeSelect: e }) {
                   pad: !0
                 }),
                 // AM/PM column
-                he({
+                ge({
                   items: ["AM", "PM"],
                   handleTimeSelect: e,
                   state: n.state,
@@ -3107,7 +3123,7 @@ function Ke(e) {
     meridian: o
   });
 }
-const Oo = L(
+const Oo = N(
   {
     /**
      * The initial shallow state of the TimePicker.
@@ -3162,7 +3178,7 @@ const Oo = L(
         minute: n.minute,
         meridian: n.meridian,
         selectedTime: n.formattedTime
-      }), this.input.value = n.formattedTime, U.trigger("change", this.input), typeof this.change == "function" && this.change(n.formattedTime)), e.target.value = s;
+      }), this.input.value = n.formattedTime, E.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.
@@ -3180,7 +3196,7 @@ const Oo = L(
     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, U.trigger("change", this.input), typeof this.change == "function" && this.change(n);
+        this.state.selectedTime = n, this.state.open = !1, this.input.value = n, E.trigger("change", this.input), typeof this.change == "function" && this.change(n);
       }
     },
     /**
@@ -3211,7 +3227,7 @@ const Oo = L(
   p({ size: "lg" }, e)
 ]), Rn = ({ title: e }) => te({ class: "flex flex-auto items-center" }, [
   ee({ class: "text-lg font-semibold" }, e)
-]), No = i((e, t) => yt(
+]), No = i((e, t) => wt(
   {
     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
@@ -3233,12 +3249,12 @@ const Oo = L(
           l({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t)
         ]),
         // @ts-ignore
-        e.buttons && pe({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, e.buttons)
+        e.buttons && ye({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, e.buttons)
       ])
     ])
   ]
 )), Fo = i((e, t = []) => l({ class: "w-full max-w-md p-6 m-auto" }, [
-  ot({ class: "flex flex-auto flex-col" }, [
+  lt({ class: "flex flex-auto flex-col" }, [
     l({ class: "flex flex-auto flex-col gap-y-4" }, [
       l({ class: "flex flex-auto items-center justify-center" }, [
         // @ts-ignore
@@ -3272,7 +3288,7 @@ const An = (e, t) => {
   const s = e.toggleAllSelectedRows();
   t.state.checked = !s;
 }, jn = (e) => Ze({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
-  K((t) => new Kt({ class: "mr-2", onChange: (s, n) => An(t, n) }))
+  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: o }) => {
   const r = e || "justify-start";
   return Ze({
@@ -3280,12 +3296,12 @@ const An = (e, t) => {
     click: t && (() => a(s))
   }, [
     l({ class: `flex flex-auto w-full items-center ${r}` }, [
-      h(n),
-      t && Y({ class: "ml-2", html: g.arrows.upDown })
+      f(n),
+      t && _({ class: "ml-2", html: g.arrows.upDown })
     ])
   ]);
-}, Ie = (e) => wt([
-  vt({
+}, Te = (e) => vt([
+  kt({
     class: "text-muted-foreground border-b",
     map: [
       e.headers,
@@ -3298,7 +3314,7 @@ const An = (e, t) => {
       })
     ]
   })
-]), _n = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: o, columnCount: r }) => new Dt({
+]), _n = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: o, columnCount: r }) => new It({
   cache: "list",
   key: e,
   items: t,
@@ -3308,7 +3324,7 @@ const An = (e, t) => {
   skeleton: o,
   columnCount: r
 });
-class it extends S {
+class ct extends S {
   /**
    * Initializes component data.
    *
@@ -3316,7 +3332,7 @@ class it extends S {
    */
   setData() {
     let t = this.rows && this.rows.length > 0;
-    return (this.loadMoreItems || this.tableData) && !t && (t = null), new F({
+    return (this.loadMoreItems || this.tableData) && !t && (t = null), new O({
       selectedRows: [],
       // @ts-ignore
       hasItems: t,
@@ -3389,9 +3405,9 @@ class it extends S {
     return l({ class: "w-full flex flex-auto flex-col" }, [
       Z("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       l({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        Ce({ class: "w-full" }, [
+        Se({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && Ie({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && Te({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
           _n({
@@ -3473,7 +3489,7 @@ class it extends S {
     this.data.selectedRows = [];
   }
 }
-const Hn = (e) => new It({
+const Hn = (e) => new Tt({
   cache: "list",
   loadMoreItems: e.loadMoreItems,
   offset: e.offset,
@@ -3487,7 +3503,7 @@ const Hn = (e) => new It({
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Un extends it {
+class Un extends ct {
   /**
    * Renders the DataTable component.
    *
@@ -3498,9 +3514,9 @@ class Un extends it {
     return l({ class: "w-full flex flex-auto flex-col" }, [
       Z("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       l({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        Ce({ class: "w-full" }, [
+        Se({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && Ie({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && Te({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
           Hn({
@@ -3574,7 +3590,7 @@ const Lo = i((e) => new Un(
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), Yn = (e) => new Tt({
+)), Yn = (e) => new Pt({
   cache: "list",
   scrollContainer: e.scrollContainer,
   loadMoreItems: e.loadMoreItems,
@@ -3589,7 +3605,7 @@ const Lo = i((e) => new Un(
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Vn extends it {
+class Vn extends ct {
   /**
    * Renders the DataTable component.
    *
@@ -3600,9 +3616,9 @@ class Vn extends it {
     return l({ class: "w-full flex flex-auto flex-col" }, [
       Z("hasItems", (n) => n === !1 && this.emptyState ? this.emptyState() : null),
       l({ class: `w-full rounded-md ${t} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        Ce({ class: "w-full" }, [
+        Se({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && Ie({ headers: this.headers, sort: (n) => this.sortRows(n) }),
+          this.headers && Te({ headers: this.headers, sort: (n) => this.sortRows(n) }),
           // @ts-ignore
           this.customHeader ?? null,
           Yn({
@@ -3689,12 +3705,12 @@ const Ro = i((e) => new Vn(
   ]),
   k({ class: "text-xs leading-5 text-gray-500" }, "Online")
 ]), Gn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
-  h("Last seen "),
-  kt({ datetime: e }, "3h ago")
+  f("Last seen "),
+  Ct({ datetime: e }, "3h ago")
 ]), Kn = (e, t) => e === "online" ? qn() : Gn(t), Qn = i(({ role: e, lastSeen: t, status: s }) => l({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   k({ class: "text-sm leading-6 m-0" }, e),
   Kn(s, t)
-])), Jn = (e) => e.split(" ").map((s) => s[0]).join(""), Xn = i((e) => ve({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
+])), Jn = (e) => e.split(" ").map((s) => s[0]).join(""), Xn = i((e) => ke({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
   l({ class: "flex min-w-0 gap-x-4" }, [
     // @ts-ignore
     Fs({ src: e.image, alt: e.name, fallbackText: Jn(e.name) }),
@@ -3709,7 +3725,7 @@ const Ro = i((e) => new Vn(
     // @ts-ignore
     status: e.status
   })
-])), Ao = i((e) => new Pt({
+])), Ao = i((e) => new Mt({
   cache: "list",
   key: "name",
   // @ts-ignore
@@ -3795,8 +3811,8 @@ const ea = i(({ options: e, click: t }, s) => ({
   }, [
     p({ size: "sm" }, t)
   ]),
-  V({ class: "label flex flex-auto text-sm items-center cursor-pointer whitespace-nowrap" }, e),
-  s && h(
+  H({ 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: [
@@ -3813,7 +3829,7 @@ const ea = i(({ options: e, click: t }, s) => ({
     ]
   )
 ];
-class ct extends S {
+class dt extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3845,7 +3861,7 @@ class ct extends S {
    */
   addLink() {
     const t = this.options && this.options.length > 0, s = this.content || ta(String(this.label), this.icon, t);
-    return this.href ? new St(
+    return this.href ? new $t(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
         cache: "link",
@@ -3891,7 +3907,7 @@ class na extends S {
    */
   render() {
     const t = this.mapOptions(this.options), s = this.class || "", n = this.mobileBorder ? "border md:border-0 rounded-md" : "";
-    return we({ class: `navigation flex flex-auto flex-col ${s}` }, [
+    return ve({ class: `navigation flex flex-auto flex-col ${s}` }, [
       se({
         class: `relative group flex flex-col gap-2 py-2 px-2 list-none m-0 ${n}`,
         map: t
@@ -3933,10 +3949,10 @@ class na extends S {
    * @returns {object}
    */
   addLink(t) {
-    return new ct(t);
+    return new dt(t);
   }
 }
-class dt extends na {
+class ut extends na {
   onCreated() {
     this.links = [];
   }
@@ -3971,7 +3987,7 @@ class dt extends na {
    * @returns {object}
    */
   addLink(t) {
-    const s = new ct(t);
+    const s = new dt(t);
     if (this.links.push(s), !s.options)
       return s;
     const n = this.addSubNav(s);
@@ -3982,11 +3998,11 @@ class dt extends na {
     };
   }
 }
-const fe = /* @__PURE__ */ new Map(), aa = (e, t) => (fe.has(e) || fe.set(e, new RegExp(`${e}($|/|\\.).*`)), fe.get(e).test(t)), oa = (e, t) => {
+const me = /* @__PURE__ */ new Map(), aa = (e, t) => (me.has(e) || me.set(e, new RegExp(`${e}($|/|\\.).*`)), me.get(e).test(t)), oa = (e, t) => {
   const s = e.link.panel.pathname;
   return !s && e.isSelected() ? !0 : e.exact ? t === s : aa(s, t);
 };
-class la extends dt {
+class la extends ut {
   /**
    * This will declare the props for the compiler.
    *
@@ -4002,7 +4018,7 @@ class la extends dt {
    */
   render() {
     const t = `navigation flex flex-auto flex-col sub ${this.mainClassName || ""}`, s = this.mapOptions(this.options);
-    return we({ class: t, onState: this.onState() }, [
+    return ve({ class: t, onState: this.onState() }, [
       se({ class: "relative group flex flex-col gap-2 py-2 px-0 list-none m-0" }, [...s, ...this.addSubs(), this.addWatcher()])
     ]);
   }
@@ -4015,7 +4031,7 @@ class la extends dt {
   addWatcher() {
     return {
       watch: {
-        value: ["[[path]]", G.data],
+        value: ["[[path]]", P.data],
         callBack: this.updateLinks.bind(this)
       }
     };
@@ -4056,7 +4072,7 @@ class la extends dt {
    * @returns {void}
    */
   afterSetup() {
-    const t = G.data.path;
+    const t = P.data.path;
     this.updateLinks(t);
   }
   /**
@@ -4073,7 +4089,7 @@ class la extends dt {
     this.parentLink.update(s);
   }
 }
-const ra = (e) => ye({ class: "text-lg ml-2" }, e), ia = (e) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
+const ra = (e) => we({ class: "text-lg ml-2" }, e), ia = (e) => l({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
   x({
     variant: "icon",
     class: "m-2",
@@ -4154,23 +4170,23 @@ class da extends S {
     this.container = app.root;
   }
 }
-const ut = () => x({ class: "m-2", variant: "ghost", addState() {
+const ht = () => x({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
 }, click: (e, { state: t }) => t.toggle("open") }, [
   p({}, g.bar.three)
-]), ua = (e) => ye({ class: "text-lg ml-2" }, e), ha = (e) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
-  ut(),
+]), ua = (e) => we({ class: "text-lg ml-2" }, e), ha = (e) => l({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
+  ht(),
   e.title && ua(e.title)
-]), ht = (e, t) => e.map((s) => s.options ? { ...s, options: ht(s.options, t) } : { ...s, callBack: t }), ft = (e) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
-  P(
+]), ft = (e, t) => e.map((s) => s.options ? { ...s, options: ft(s.options, t) } : { ...s, callBack: t }), gt = (e) => l({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+  M(
     "open",
     (t) => t ? [
       new da({ title: e.title }, [
-        K(({ state: s }) => {
-          const n = (o) => s.open = !1, a = ht(e.options, n);
-          return new dt(
+        q(({ state: s }) => {
+          const n = (o) => s.open = !1, a = ft(e.options, n);
+          return new ut(
             {
               options: a
             }
@@ -4181,13 +4197,13 @@ const ut = () => x({ class: "m-2", variant: "ghost", addState() {
   )
 ]), jo = i((e) => l({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   l([
-    ut(),
-    ft(e)
+    ht(),
+    gt(e)
   ])
 ])), Eo = i((e) => l({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
   l({ class: "flex flex-auto flex-col w-full" }, [
     ha(e),
-    ft(e)
+    gt(e)
   ])
 ])), _o = i((e) => {
   const t = e.margin || "m-4 ml-0";
@@ -4410,7 +4426,7 @@ class Ho extends fa {
     this.state.docked = !1;
   }
 }
-const ga = i(({ index: e, click: t, state: s }, n) => ve({
+const ga = i(({ index: e, click: t, state: s }, n) => ke({
   class: "p-2 cursor-pointer hover:bg-muted/50",
   onState: [
     [s, "selectedIndex", {
@@ -4423,7 +4439,7 @@ const ga = i(({ index: e, click: t, state: s }, n) => ve({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
   for: ["filteredOptions", (s, n) => ga({ index: n, click: e, state: t }, s.label)]
 })), ba = i((e) => l({ class: "relative flex flex-auto items-center" }, [
-  R({
+  F({
     cache: "input",
     // @ts-ignore
     class: e.class ?? "",
@@ -4460,7 +4476,7 @@ const ga = i(({ index: e, click: t, state: s }, n) => ve({
         ma(e)
       ]);
   }]
-}), Uo = M(
+}), Uo = B(
   {
     /**
      * This will set up the data object.
@@ -4469,7 +4485,7 @@ const ga = i(({ index: e, click: t, state: s }, n) => ve({
      */
     setData() {
       const e = this.options || [];
-      return new F({
+      return new O({
         options: e,
         filteredOptions: e
       });
@@ -4649,7 +4665,7 @@ const wa = i((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto f
   ...e,
   children: t
 })), va = i(({ title: e, description: t }) => te({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
-  Ct({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
+  St({ 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 Vo extends ya {
@@ -4672,7 +4688,7 @@ class Vo extends ya {
         title: this.title,
         description: this.description
       }),
-      Mt(this.children)
+      Bt(this.children)
     ]);
   }
 }
@@ -4681,7 +4697,7 @@ export {
   ho as A,
   _o as B,
   cn as C,
-  it as D,
+  ct as D,
   po as E,
   No as F,
   Ho as G,
@@ -4699,7 +4715,7 @@ export {
   La as S,
   _a as T,
   Ea as U,
-  ot as V,
+  lt as V,
   fo as W,
   mo as X,
   go as Y,
@@ -4711,11 +4727,11 @@ export {
   xs as a1,
   ps as a2,
   ws as a3,
-  H as a4,
+  j as a4,
   Vo as a5,
   En as a6,
   to as a7,
-  ge as a8,
+  be as a8,
   cs as a9,
   ia as aA,
   ro as aB,
@@ -4731,7 +4747,7 @@ export {
   Yo as aL,
   yo as aM,
   la as aN,
-  Ie as aO,
+  Te as aO,
   Ua as aP,
   Va as aQ,
   Co as aR,
@@ -4745,20 +4761,20 @@ export {
   eo as aZ,
   Ao as a_,
   $o as aa,
-  dt as ab,
-  R as ac,
+  ut as ab,
+  F as ac,
   Ht as ad,
   Na as ae,
   Do as af,
-  ct as ag,
+  dt as ag,
   wa as ah,
-  ze as ai,
+  Oe as ai,
   Ws as aj,
   jo as ak,
   Eo as al,
   ln as am,
   Qa as an,
-  ut as ao,
+  ht as ao,
   Zn as ap,
   na as aq,
   sa as ar,
@@ -4771,14 +4787,14 @@ export {
   qs as ay,
   oe as az,
   ca as b,
-  st as b0,
-  L as b1,
+  nt as b0,
+  N as b1,
   Ja as b2,
   Qs as b3,
   bs as b4,
   Pa as b5,
   Ta as b6,
-  N as b7,
+  z as b7,
   vo as b8,
   Ma as c,
   ya as d,
@@ -4801,7 +4817,7 @@ export {
   Bo as u,
   zo as v,
   Ka as w,
-  de as x,
+  he as x,
   an as y,
   xo as z
 };