@base-framework/ui 1.2.47 → 1.2.50

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

@@ -1,10 +1,10 @@
-import { I as E, Span as u, Button as v, OnState as P, Div as o, Legend as ht, Fieldset as ft, H4 as qe, P as k, Label as H, Checkbox as ge, Input as p, Textarea as Ge, UseParent as V, Img as me, H5 as gt, H2 as Z, Form as mt, Header as ee, Footer as be, A as Ke, H3 as xe, Nav as pe, Ul as te, Li as ye, OnStateOpen as we, On as J, Dialog as bt, Th as Qe, Thead as xt, Tr as pt, Table as ve, Time as yt, H1 as wt } from "@base-framework/atoms";
-import { Atom as i, Jot as M, Component as S, router as X, Html as Je, Data as O, Events as j, DateTime as se, NavLink as vt, DataTracker as Xe } from "@base-framework/base";
+import { I as E, Span as u, Button as v, OnState as M, Div as o, Legend as ft, Fieldset as gt, H4 as Ge, P as k, Label as H, Checkbox as ge, Input as p, Textarea as Ke, UseParent as V, Img as me, H5 as mt, H2 as Z, Form as bt, Header as ee, Footer as be, A as Qe, H3 as xe, Nav as pe, Ul as te, Li as ye, OnStateOpen as we, On as J, Dialog as xt, Th as Je, Thead as pt, Tr as yt, Table as ve, Time as wt, H1 as vt } from "@base-framework/atoms";
+import { Atom as i, router as X, Jot as P, Component as S, Html as Xe, Data as O, Events as j, DateTime as se, NavLink as kt, DataTracker as Ze } from "@base-framework/base";
 import { Icons as h } from "./icons.es.js";
-import { Timer as kt, TableBody as Ct, DataTableBody as St, ScrollableTableBody as $t, List as Dt } from "@base-framework/organisms";
+import { Timer as Ct, TableBody as St, DataTableBody as $t, ScrollableTableBody as Dt, List as It } from "@base-framework/organisms";
 import { F as W } from "./format-DE4rFWuD.js";
-import { F as It } from "./bside-template-C7AQgQ6H.js";
-const Tt = {
+import { F as Tt } from "./bside-template-C7AQgQ6H.js";
+const Mt = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
   md: "w-8 h-8",
@@ -13,7 +13,7 @@ const Tt = {
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
 }, he = i((e, t) => {
-  const s = Tt[e.size || "sm"];
+  const s = Mt[e.size || "sm"];
   return E({
     ...e,
     // @ts-ignore
@@ -43,13 +43,13 @@ const Tt = {
   xl: "48px",
   "2xl": "56px",
   "3xl": "64px"
-}, Pe = {
+}, Me = {
   outlined: "material-symbols-outlined",
   filled: "material-symbols-filled",
   rounded: "material-symbols-rounded",
   sharp: "material-symbols-sharp"
-}, Me = i((e) => {
-  const t = e.size || "sm", s = e.variant || "outlined", n = Ie[t] || Ie.sm, a = Te[t] || Te.sm, l = Pe[s] || Pe.outlined;
+}, Pe = i((e) => {
+  const t = e.size || "sm", s = e.variant || "outlined", n = Ie[t] || Ie.sm, a = Te[t] || Te.sm, l = Me[s] || Me.outlined;
   return u({
     ...e,
     // @ts-ignore
@@ -62,11 +62,11 @@ const Tt = {
     name: void 0
     // @ts-ignore
   }, e.name);
-}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? he(e, t) : typeof t == "object" && t.name ? Me({
+}), x = (e = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? he(e, t) : typeof t == "object" && t.name ? Pe({
   ...e,
   name: t.name,
   variant: t.variant || e.variant || "outlined"
-}) : typeof t == "string" ? Me({
+}) : typeof t == "string" ? Pe({
   ...e,
   name: t
 }) : he(e, t) : null, Da = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, Ia = (e) => typeof e == "string" && e.includes("<svg"), Be = {
@@ -150,17 +150,74 @@ const Tt = {
     textColor: "text-foreground",
     ringColor: "ring-white/10"
   }
-}, Pt = (e) => Be[e] || Be.gray, Mt = (e, t = {}) => {
+}, Pt = (e) => Be[e] || Be.gray, Bt = (e, t = {}) => {
   const s = Pt(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, l = t.ringColor ?? s.ringColor;
   return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${n} ${a} ${l}`;
 }, Ta = i((e, t) => {
-  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: r, ringColor: c, ...f } = e, m = Mt(s, { backgroundColor: l, textColor: r, ringColor: c });
+  const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: r, ringColor: c, ...f } = e, m = Bt(s, { backgroundColor: l, textColor: r, ringColor: c });
   return u({ ...f, class: m }, [
     n ? x({ size: a, class: "mr-1" }, n) : null,
     ...t || []
   ]);
 });
-class Ze extends S {
+let B = globalThis.history?.state?._pos ?? 0;
+const ze = B, fe = /* @__PURE__ */ new Map(), le = (e) => (e || "").replace(/^\/+/, "").replace(/\/+$/, ""), zt = (e, t) => {
+  if (!t) return !1;
+  const s = le(e), n = le(t);
+  return s === n || s.startsWith(n + "/");
+}, Ot = (e, t) => {
+  const s = le(e);
+  if (!t) return s;
+  const n = le(t);
+  if (!s.startsWith(n)) return s;
+  const a = s.substring(n.length);
+  if (!a || a === "/") return s;
+  const l = a.startsWith("/") ? a.substring(1) : a, r = l.indexOf("/");
+  return r < 0 ? s : n + "/" + l.substring(0, r);
+};
+if (typeof globalThis.history?.pushState == "function") {
+  const e = globalThis.history.pushState, t = globalThis.history.replaceState;
+  globalThis.history.pushState = function(s, n, a) {
+    B++;
+    const l = s !== null && typeof s == "object" ? { ...s, _pos: B } : { _pos: B };
+    return e.call(this, l, n, a);
+  }, globalThis.history.replaceState = function(s, n, a) {
+    const l = globalThis.history.state?._pos ?? B, r = s !== null && typeof s == "object" ? { ...s, _pos: l } : { _pos: l };
+    return t.call(this, r, n, a);
+  }, globalThis.addEventListener("popstate", (s) => {
+    const n = (
+      /** @type {any} */
+      s.state?._pos
+    );
+    typeof n == "number" && (B = n);
+  });
+}
+const Nt = (e) => {
+  const t = e || "", s = X.path || "", n = fe.get(t);
+  if (n && zt(s, n.basePath))
+    return n;
+  const a = {
+    pos: B,
+    sourcePath: X.lastPath || null,
+    basePath: Ot(s, e)
+  };
+  return fe.set(t, a), a;
+}, Ft = (e) => {
+  fe.delete(e || "");
+}, Lt = (e) => {
+  const t = Nt(e.backUrl);
+  return () => {
+    Ft(e.backUrl);
+    const n = B - t.pos + 1, a = t.pos - 1;
+    if (t.pos > ze && a > ze) {
+      globalThis.history.go(-n);
+      return;
+    }
+    const l = t.sourcePath || e.backUrl;
+    l && X.navigate(l);
+  };
+};
+class et extends S {
   /**
    * This will set the component context.
    *
@@ -176,9 +233,9 @@ class Ze extends S {
 }
 const N = (e) => (
   /** @type {VeilComponentConstructor} */
-  M(e, Ze)
+  P(e, et)
 );
-class Pa extends Ze {
+class Ma extends et {
   /**
    * Declare public props and their defaults.
    */
@@ -221,7 +278,7 @@ class Pa extends Ze {
       // @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) => x({ size: t, variant: r && l ? "filled" : "outlined" }, r ? n : s)
       ),
@@ -229,7 +286,7 @@ class Pa extends Ze {
     ]);
   }
 }
-const le = {
+const re = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
   md: "w-10 h-10",
@@ -237,7 +294,7 @@ const le = {
   xl: "w-14 h-14",
   "2xl": "w-16 h-16"
 };
-class Ma extends S {
+class Pa extends S {
   /**
    * Declare public props.
    */
@@ -268,13 +325,13 @@ class Ma extends S {
    * @returns {object}
    */
   render() {
-    const t = this.icon, s = this.activeIcon || this.icon, n = le[this.size] || le.md, a = ["xs", "sm"].includes(this.size) ? "xs" : "sm", l = this.class ?? "bg-background/40 backdrop-blur-sm", 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, f = this.circle ?? !1, m = 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]" : ""}`
     }, [
-      P("active", (w) => [
+      M("active", (w) => [
         x({
           size: a,
           variant: w && m ? "filled" : "outlined",
@@ -285,7 +342,7 @@ class Ma extends S {
   }
 }
 const Ba = i((e, t) => {
-  const s = e.size || "md", n = le[s] || le.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
+  const s = e.size || "md", n = re[s] || re.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
   return v({
     ...e,
     // @ts-ignore
@@ -295,57 +352,12 @@ const Ba = i((e, t) => {
     e.icon ? x({ size: a }, e.icon) : null,
     ...t || []
   ]);
-});
-let B = globalThis.history?.state?._pos ?? 0;
-const Bt = B, fe = /* @__PURE__ */ new Map(), re = (e) => (e || "").replace(/^\/+/, "").replace(/\/+$/, ""), zt = (e, t) => {
-  if (!t) return !1;
-  const s = re(e), n = re(t);
-  return s === n || s.startsWith(n + "/");
-}, Ot = (e, t) => {
-  const s = re(e);
-  if (!t) return s;
-  const n = re(t);
-  if (!s.startsWith(n)) return s;
-  const a = s.substring(n.length);
-  if (!a || a === "/") return s;
-  const l = a.startsWith("/") ? a.substring(1) : a, r = l.indexOf("/");
-  return r < 0 ? s : n + "/" + l.substring(0, r);
-};
-if (typeof globalThis.history?.pushState == "function") {
-  const e = globalThis.history.pushState, t = globalThis.history.replaceState;
-  globalThis.history.pushState = function(s, n, a) {
-    B++;
-    const l = s !== null && typeof s == "object" ? { ...s, _pos: B } : { _pos: B };
-    return e.call(this, l, n, a);
-  }, globalThis.history.replaceState = function(s, n, a) {
-    const l = globalThis.history.state?._pos ?? B, r = s !== null && typeof s == "object" ? { ...s, _pos: l } : { _pos: l };
-    return t.call(this, r, n, a);
-  }, globalThis.addEventListener("popstate", (s) => {
-    const n = (
-      /** @type {any} */
-      s.state?._pos
-    );
-    typeof n == "number" && (B = n);
-  });
-}
-const Nt = (e) => {
-  const t = e || "", s = X.path || "", n = fe.get(t);
-  if (n && zt(s, n.basePath))
-    return n;
-  const a = {
-    pos: B,
-    sourcePath: X.lastPath || null,
-    basePath: Ot(s, e)
-  };
-  return fe.set(t, a), a;
-}, Ft = (e) => {
-  fe.delete(e || "");
-}, A = (e) => i((t, s) => v({
+}), A = (e) => i((t, s) => v({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), et = i(
+}, s)), tt = i(
   (e, t) => v({
     ...e,
     // @ts-ignore
@@ -357,24 +369,12 @@ const Nt = (e) => {
     // @ts-ignore
     e.icon && e.position === "right" ? x({ size: e.size || "sm", class: e.animation ?? null }, e.icon) : null
   ])
-), ze = (e) => i((t, s) => et({
+), Oe = (e) => i((t, s) => tt({
   ...e,
   ...t,
   // @ts-ignore
   class: `bttn ${e.class} ${t.class || ""}`
-}, s)), Lt = (e) => {
-  const t = Nt(e.backUrl);
-  return () => {
-    Ft(e.backUrl);
-    const n = B - t.pos + 1;
-    if (t.pos > Bt) {
-      globalThis.history.go(-n);
-      return;
-    }
-    const a = e.backUrl;
-    a && X.navigate(a);
-  };
-}, At = (e) => i((t, s) => (t.icon = t.icon || h.arrows.left, t.click = t.click || Lt(t), et({
+}, s)), At = (e) => i((t, s) => (t.icon = t.icon || h.arrows.left, t.click = t.click || Lt(t), tt({
   ...e,
   ...t
 }, s))), Rt = i((e, t) => {
@@ -394,7 +394,7 @@ const Nt = (e) => {
     e.icon ? x({ size: s === "xs" ? "xs" : "sm" }, e.icon) : null,
     ...t || []
   ]);
-}), Oe = {
+}), Ne = {
   primary: A({ class: "primary" }),
   secondary: A({ class: "secondary" }),
   destructive: A({ class: "destructive" }),
@@ -402,24 +402,24 @@ const Nt = (e) => {
   outline: A({ class: "outline" }),
   ghost: A({ class: "ghost" }),
   link: A({ class: "link" }),
-  icon: ze({ class: "icon" }),
-  withIcon: ze({ class: "with-icon" }),
+  icon: Oe({ class: "icon" }),
+  withIcon: Oe({ class: "with-icon" }),
   back: At({ class: "with-icon back-button" }),
   circleIcon: Rt
-}, b = i((e, t) => (Oe[e.variant] || Oe.primary)(e, t)), za = i((e, t) => b({ ...e, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, t)), jt = i((e, t) => {
+}, b = i((e, t) => (Ne[e.variant] || Ne.primary)(e, t)), za = i((e, t) => b({ ...e, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, t)), jt = i((e, t) => {
   const s = e.margin ?? "my-5 mx-5", n = e.padding ?? "p-4", a = e.border ?? "border-border";
   return e.hover && (e.class += " hover:shadow-lg hover:bg-muted/50"), o({
     ...e,
     // @ts-ignore
     class: `rounded-lg ${a} bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${s} ${n} ${e.class || ""}`
   }, t);
-}), Et = i((e, t) => ht({
+}), Et = i((e, t) => ft({
   ...e,
   // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${e.class || ""}`
 }, t)), Oa = i((e, t) => {
   const s = e.border === "full" ? "border rounded-md" : "border-t";
-  return ft({
+  return gt({
     ...e,
     // @ts-ignore
     class: `p-6 ${s} ${e.class || ""}`
@@ -443,7 +443,7 @@ const Nt = (e) => {
       class: `flex flex-auto flex-col gap-y-1 ${e.labelProps?.class || ""}`
     }, [
       // @ts-ignore
-      qe({ class: "text-base" }, e.label),
+      Ge({ class: "text-base" }, e.label),
       // @ts-ignore
       e.description && k({ class: "text-sm text-muted-foreground" }, e.description)
     ]),
@@ -461,7 +461,7 @@ const Nt = (e) => {
   checked: t,
   bind: s
 }), Yt = () => u({ class: "absolute text-xs pointer-events-none" }, [
-  P(
+  M(
     "checked",
     (e) => e ? E({
       class: "w-2 h-2 pointer-events-none",
@@ -494,7 +494,7 @@ const Nt = (e) => {
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: s
-}, t), qt = M(
+}, t), qt = P(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -658,7 +658,7 @@ const Ce = (e) => e.id || e.name || `floating-${++ss}`, Se = (e, t, s, n) => e ?
 ), ja = i((e) => {
   const t = Ce(e);
   return o({ class: "relative" }, [
-    Ge({
+    Ke({
       ...e,
       id: t,
       placeholder: " ",
@@ -675,7 +675,7 @@ const Ce = (e) => e.id || e.name || `floating-${++ss}`, Se = (e, t, s, n) => e ?
       id: t,
       class: `[&>option]:text-foreground [&>option]:bg-background ${Xt} ${a.class || ""}`.trim(),
       onCreated(l) {
-        s && Je.setupSelectOptions(l, s), typeof n == "function" && n(l);
+        s && Xe.setupSelectOptions(l, s), typeof n == "function" && n(l);
       }
     },
     ns(),
@@ -711,7 +711,7 @@ const Ce = (e) => e.id || e.name || `floating-${++ss}`, Se = (e, t, s, n) => e ?
   // @ts-ignore
   label: e.label || "Email",
   placeholder: "Email address"
-})), Ua = i((e) => Ge({
+})), Ua = i((e) => Ke({
   ...e,
   as: "textarea",
   // @ts-ignore
@@ -858,21 +858,24 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   return {
     tag: "select",
     onCreated(a) {
-      t && Je.setupSelectOptions(a, t), s && s(a);
+      t && Xe.setupSelectOptions(a, t), s && s(a);
     },
     ...n,
     class: `[&>option]:text-foreground [&>option]:bg-background ${ke} ${n.class || ""}`.trim()
   };
-}), rs = i(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : me({
+}), rs = i(({ src: e, alt: t, class: s, checkPath: n = !0, loading: a = "lazy", decoding: l = "async", fetchPriority: r = "auto" }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : me({
   class: `absolute w-full h-full object-cover fadeIn ${s}`,
   src: e,
   alt: t,
-  load: (a) => a.target.style.visibility = "visible",
+  loading: a,
+  decoding: l,
+  fetchPriority: r,
+  load: (c) => c.target.style.visibility = "visible",
   /**
    * If there's an error loading the image, hide it.
    */
-  error: (a) => a.target.style.visibility = "hidden"
-})), is = (e) => !e || isNaN(e) ? null : e, Ne = (e, t) => {
+  error: (c) => c.target.style.visibility = "hidden"
+})), is = (e) => !e || isNaN(e) ? null : e, Fe = (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 -->
@@ -916,13 +919,13 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     html: r
   });
 }, ao = i((e) => {
-  const t = e.progress || 0, s = e.class || "", n = Ne(t, s);
+  const t = e.progress || 0, s = e.class || "", n = Fe(t, s);
   return o({
     class: "circle-graph-wrap",
     onSet: [
       // @ts-ignore
       e.prop,
-      (a) => (a = is(a), a ? Ne(a, s) : n)
+      (a) => (a = is(a), a ? Fe(a, s) : n)
     ]
   }, [n]);
 }), cs = () => V(({ state: e }) => o({
@@ -1022,7 +1025,7 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
     style: m,
     "aria-hidden": "true"
   });
-}), Fe = {
+}), Le = {
   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",
@@ -1031,7 +1034,7 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   "bottom-left": "top-full right-full transform translate-x-1 mt-2",
   left: "top-1/2 right-full transform -translate-y-1/2 mr-2",
   right: "top-1/2 left-full transform -translate-y-1/2 ml-2"
-}, ds = (e) => Fe[String(e)] || Fe.top, io = i(({ position: e = "top", content: t }, s) => {
+}, ds = (e) => Le[String(e)] || Le.top, io = i(({ position: e = "top", content: t }, s) => {
   const n = ds(e);
   return Array.isArray(s) === !1 && (s = [s]), o({ class: "relative group inline-block" }, [
     ...s,
@@ -1043,7 +1046,7 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
 			`
     }, t)
   ]);
-}), Le = {
+}), Ae = {
   info: {
     borderColor: "border-blue-500",
     bgColor: "bg-muted/10",
@@ -1071,8 +1074,8 @@ const ls = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
   }
 }, us = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   x({ size: "sm" }, e)
-]), hs = (e) => gt({ class: "font-semibold" }, e), fs = (e) => k({ class: "text-sm text-muted-foreground" }, e), co = i(({ title: e, description: t, icon: s, type: n = "default" }) => {
-  const { borderColor: a, bgColor: l, iconColor: r } = Le[n] || Le.default;
+]), hs = (e) => mt({ class: "font-semibold" }, e), fs = (e) => k({ class: "text-sm text-muted-foreground" }, e), co = i(({ title: e, description: t, icon: s, type: n = "default" }) => {
+  const { borderColor: a, bgColor: l, iconColor: r } = Ae[n] || Ae.default;
   return o({ class: `flex items-start p-4 border rounded-lg ${l} ${a}` }, [
     // Icon and content
     s && us(s, r),
@@ -1230,7 +1233,7 @@ const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
 )), fo = i((e, t = []) => {
   const s = e.border ? "border-t" : "";
   return o({ ...e, class: `flex flex-col pb-4 px-6 gap-y-4 ${s} ${e.class || ""}` }, t);
-}), ys = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", tt = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = tt(n.children, t, s)), !n.required) ? n : ys(n) ? {
+}), ys = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", st = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = st(n.children, t, s)), !n.required) ? n : ys(n) ? {
   ...n,
   aria: {
     invalid: ["hasError"]
@@ -1238,7 +1241,7 @@ const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   invalid: s,
   input: t
 } : n), ws = i((e, t) => {
-  const a = tt(t, (l) => {
+  const a = st(t, (l) => {
     l.target.checkValidity() && e.setError(null);
   }, (l) => {
     e.setError(l.target.validationMessage);
@@ -1288,10 +1291,10 @@ const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   }
 ), vs = (e, t, s = null) => {
   e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
-}, st = i(
+}, nt = i(
   (e, t) => (
     // @ts-ignore
-    mt({ ...e, submit: (s, n) => vs(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
+    bt({ ...e, submit: (s, n) => vs(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
   )
 ), mo = i((e, t) => (
   // @ts-ignore
@@ -1339,7 +1342,7 @@ const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       l.target === r.panel && (l.preventDefault(), l.stopPropagation(), r.state.open = !1);
     }
   }, [
-    st({
+    nt({
       class: "modal-content relative bg-background z-1 flex flex-auto flex-col gap-y-4 min-w-0",
       // @ts-ignore
       submit: (l, r) => e.onSubmit && e.onSubmit(r),
@@ -1351,7 +1354,7 @@ const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       !e.hideFooter && be({ class: "modal-footer sticky bottom-0 bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
     ])
   ]);
-}), Ae = {
+}), Re = {
   info: {
     bgColor: "bg-muted/10",
     borderColor: "border-blue-500",
@@ -1379,7 +1382,7 @@ const ms = i((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   }
 }, Cs = (e) => ee({ class: "flex justify-center" }, [
   xe({ class: "text-lg font-bold mb-0" }, e)
-]), Ss = i(({ href: e, class: t }, s) => Ke({
+]), Ss = i(({ href: e, class: t }, s) => Qe({
   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",
@@ -1431,7 +1434,7 @@ class wo extends S {
    */
   afterSetup() {
     const t = this.duration;
-    t !== "infinite" && (this.timer = new kt(t, this.close.bind(this)), this.timer.start());
+    t !== "infinite" && (this.timer = new Ct(t, this.close.bind(this)), this.timer.start());
   }
   /**
    * This will get the style properties based on the notification type.
@@ -1440,7 +1443,7 @@ class wo extends S {
    */
   getTypeStyles() {
     const t = this.type || "default";
-    return Ae[t] || Ae.default;
+    return Re[t] || Re.default;
   }
   /**
    * This will get the buttons for the notification.
@@ -1493,7 +1496,7 @@ class wo extends S {
     t && t.stopPropagation(), this.duration !== "infinite" && this.timer.stop(), this.onClick && this.onClick(), this.destroy();
   }
 }
-const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v({
+const je = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v({
   class: 'text-sm gap-1 font-medium leading-none disabled:cursor-not-allowed disabled:opacity-70 flex flex-col items-center justify-between rounded-md border-2 bg-popover p-4 hover:bg-accent hover:text-accent-foreground data-[state="active"]:border-primary [&:has([data-state="active"])]:border-primary',
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
@@ -1505,13 +1508,13 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   u(t)
 ])), Ds = (e) => {
   const t = document.documentElement;
-  if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Re && !Re("(prefers-color-scheme: " + e + ")").matches) {
+  if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), je && !je("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
     return;
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, vo = M(
+}, vo = P(
   {
     /**
      * This will render the component.
@@ -1594,9 +1597,9 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   src: e,
   alt: t,
   class: "rounded-full"
-})), Ts = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), nt = (e) => !e || e.length < 2 ? e : Ts(e), Ps = (e) => u([e, (t, s) => {
-  s.textContent = nt(t);
-}]), je = {
+})), Ts = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), at = (e) => !e || e.length < 2 ? e : Ts(e), Ms = (e) => u([e, (t, s) => {
+  s.textContent = at(t);
+}]), Ee = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
   md: "h-12 w-12",
@@ -1606,7 +1609,7 @@ const Re = 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"
-}, Ee = {
+}, He = {
   xs: "text-[7px]",
   sm: "text-xs",
   md: "text-base",
@@ -1616,8 +1619,8 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, Ms = (e) => je[e] || je.default, Bs = (e) => Ee[e] || Ee.default, zs = (e, t = null, s = "md") => {
-  const n = nt(String(e)), a = Bs(s);
+}, Ps = (e) => Ee[e] || Ee.default, Bs = (e) => He[e] || He.default, zs = (e, t = null, s = "md") => {
+  const n = at(String(e)), a = Bs(s);
   return o(
     {
       class: `
@@ -1627,11 +1630,11 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 		`
     },
     [
-      t ? Ps(t) : u({ class: "uppercase" }, n)
+      t ? Ms(t) : u({ class: "uppercase" }, n)
     ]
   );
 }, Os = i(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
-  const l = Ms(a);
+  const l = Ps(a);
   return o(
     {
       class: `relative flex items-center justify-center ${l}`
@@ -1641,7 +1644,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       zs(s, n, a)
     ]
   );
-}), He = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, Co = M(
+}), _e = (e) => !e || e.includes("[[") || e.indexOf(".") === -1 && e.indexOf("blob:") === -1, Co = P(
   {
     /**
      * Get the initial state for the component.
@@ -1651,7 +1654,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     state() {
       return {
         // @ts-ignore
-        loaded: !!this.src && !He(this.src)
+        loaded: !!this.src && !_e(this.src)
       };
     },
     /**
@@ -1697,7 +1700,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          P("loaded", (s) => s === !1 || He(this.src) ? H({
+          M("loaded", (s) => s === !1 || _e(this.src) ? H({
             htmlFor: e,
             class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
           }, [
@@ -1712,7 +1715,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       ]);
     }
   }
-), So = M(
+), So = P(
   {
     /**
      * Get the initial state for the component.
@@ -1768,7 +1771,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
             s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
           }
         }, [
-          P(
+          M(
             "loaded",
             (s) => s ? me({
               // @ts-ignore
@@ -1794,7 +1797,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       this.input = null;
     }
   }
-), Ns = (e, t) => Ke(
+), Ns = (e, t) => Qe(
   {
     href: e,
     "aria-current": t === "Breadcrumb" && "page",
@@ -1809,7 +1812,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 }, h.chevron.single.right), Ls = (e) => o({ class: "flex items-center" }, [
   e.href ? Ns(e.href, e.label) : u(e.label),
   e.separator && Fs()
-]), $o = M(
+]), $o = P(
   {
     /**
      * Set initial data
@@ -1848,7 +1851,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       );
     }
   }
-), _e = {
+), Ue = {
   xs: "h-1 w-1",
   sm: "h-2 w-2",
   md: "h-4 w-4",
@@ -1857,7 +1860,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
   "2xl": "h-16 w-16",
   "3xl": "h-24 w-24",
   default: "h-4 w-4"
-}, As = (e) => _e[e] || _e.default, Rs = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
+}, As = (e) => Ue[e] || Ue.default, Rs = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
   u({
     class: "block w-full h-full rounded-full transition-colors",
     onSet: ["activeIndex", {
@@ -1871,7 +1874,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 ]), js = (e, t) => Array.from({ length: e }, (s, n) => Rs({
   index: n,
   size: t
-})), Do = M(
+})), Do = P(
   {
     /**
      * Defines component data (props).
@@ -1922,7 +1925,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 ]), _s = (e, t) => o({ class: "w-full border rounded-md" }, [
   te({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Hs(s, e, t)] })
 ]), Us = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
-  P(
+  M(
     "open",
     (s, n, a) => s ? new ae({
       cache: "dropdown",
@@ -1932,7 +1935,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       _s(e, t)
     ]) : null
   )
-]), Io = M(
+]), Io = P(
   {
     /**
      * This will set up the data.
@@ -2034,17 +2037,17 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
       ]);
     }
   }
-), at = ({ icon: e, click: t, ariaLabel: s }) => b({
+), ot = ({ icon: e, click: t, ariaLabel: s }) => b({
   variant: "icon",
   class: "flex flex-none",
   click: t,
   icon: e,
   "aria-label": s
-}), Ys = ({ click: e }) => at({
+}), Ys = ({ click: e }) => ot({
   icon: h.circleMinus,
   click: e,
   ariaLabel: "Decrement"
-}), Ws = ({ click: e }) => at({
+}), Ws = ({ click: e }) => ot({
   icon: h.circlePlus,
   click: e,
   ariaLabel: "Increment"
@@ -2183,7 +2186,7 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
     );
   }
   return w;
-}, Ue = ({ label: e, click: t }) => b(
+}, Ye = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2199,8 +2202,8 @@ const Re = globalThis.matchMedia, ie = i(({ value: e, label: t, icon: s }) => v(
 ), tn = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
   b({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
   b({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
-  Ue({ label: "Previous", click: n }),
-  Ue({ label: "Next", click: s })
+  Ye({ label: "Previous", click: n }),
+  Ye({ label: "Next", click: s })
 ]), sn = (e) => o(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
@@ -2357,7 +2360,7 @@ class ln extends S {
    */
   render() {
     return o({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
-      P("view", (t) => {
+      M("view", (t) => {
         switch (t) {
           case "months":
             return qs(
@@ -2455,7 +2458,7 @@ const rn = (e) => {
       blockPriorDates: t
     })
   ])
-), Po = N(
+), Mo = N(
   {
     /**
      * The initial state of the DatePicker.
@@ -2538,7 +2541,7 @@ const rn = (e) => {
       );
     }
   }
-), Ye = ({ label: e, click: t }) => b(
+), We = ({ label: e, click: t }) => b(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -2554,8 +2557,8 @@ const rn = (e) => {
 ), gn = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
   b({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
   b({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
-  Ye({ label: "Previous", click: n }),
-  Ye({ label: "Next", click: s })
+  We({ label: "Previous", click: n }),
+  We({ label: "Next", click: s })
 ]), mn = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), bn = () => o(
   { class: "grid grid-cols-7 gap-1 text-center text-xs font-medium text-muted-foreground mb-2" },
   ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(mn)
@@ -2575,14 +2578,14 @@ const rn = (e) => {
 }, pn = ({ today: e, current: t, blockPriorDates: s, onDateClick: n }) => {
   const { start: a, end: l } = t, r = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), f = [], m = t.month === 0 ? 11 : t.month - 1, w = t.month === 0 ? t.year - 1 : t.year, q = new Date(w, m + 1, 0).getDate(), U = t.month === 11 ? 0 : t.month + 1, Y = t.month === 11 ? t.year + 1 : t.year;
   for (let g = r - 1; g >= 0; g--) {
-    const d = q - g, y = R(w, m, d), I = new Date(w, m, d), T = new Date(e.year, e.month, e.date), L = I < T, G = s && L, K = a === y, Q = l === y, ut = a && l && y > a && y < l;
+    const d = q - g, y = R(w, m, d), I = new Date(w, m, d), T = new Date(e.year, e.month, e.date), L = I < T, G = s && L, K = a === y, Q = l === y, ht = a && l && y > a && y < l;
     f.push({
       day: d,
       iso: y,
       disabled: G,
       isStart: K,
       isEnd: Q,
-      isBetween: ut,
+      isBetween: ht,
       isOtherMonth: !0,
       click: () => n(y)
     });
@@ -2681,16 +2684,16 @@ const rn = (e) => {
     variant: l === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, We("current.start", "Start Date"))
+    o({ class: "font-medium" }, Ve("current.start", "Start Date"))
   ])),
   J("selecting", (l) => b({
     click: a,
     variant: l === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    o({ class: "font-medium" }, We("current.end", "End Date"))
+    o({ class: "font-medium" }, Ve("current.end", "End Date"))
   ]))
-]), We = (e, t) => [`[[${e}]]`, (s) => s == null ? t : kn(s)], kn = (e) => {
+]), Ve = (e, t) => [`[[${e}]]`, (s) => s == null ? t : kn(s)], kn = (e) => {
   const t = /* @__PURE__ */ new Date(e + "T00:00:00"), s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], n = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
   return `${s[t.getDay()]}, ${t.getDate()} ${n[t.getMonth()]}`;
 }, Cn = ({ currentYear: e, onSelect: t }) => {
@@ -2819,7 +2822,7 @@ class Sn extends S {
           r.preventDefault(), r.stopPropagation(), this.data.selecting = "end";
         }
       }),
-      P("view", (r) => {
+      M("view", (r) => {
         switch (r) {
           case "months":
             return wn(
@@ -2897,7 +2900,7 @@ const $n = ({ bind: e, required: t }) => p({
     onRangeSelect: e,
     blockPriorDates: t
   })
-])), Mo = N(
+])), Po = N(
   {
     /**
      * The initial state of the DateRangePicker.
@@ -2950,7 +2953,7 @@ function Tn(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 Mn(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);
@@ -2964,7 +2967,7 @@ function Pn(e) {
     meridian: a
   };
 }
-function Mn({ bind: e, required: t }) {
+function Pn({ bind: e, required: t }) {
   return p({
     cache: "input",
     class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
@@ -2988,7 +2991,7 @@ function zn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleI
       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"
     },
     [
-      Mn({ bind: e, required: t }),
+      Pn({ bind: e, required: t }),
       Bn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
       v(
         {
@@ -3063,7 +3066,7 @@ function On({ handleTimeSelect: e }) {
     )
   );
 }
-function Ve(e) {
+function qe(e) {
   if (!e)
     return { hour: null, minute: null, meridian: null };
   const t = /^(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)?$/i, s = e.match(t);
@@ -3084,7 +3087,7 @@ const Bo = N(
      * @member {object} state
      */
     state() {
-      const e = this.selectedTime ?? null, { hour: t, minute: s, meridian: n } = Ve(e);
+      const e = this.selectedTime ?? null, { hour: t, minute: s, meridian: n } = qe(e);
       return {
         selectedTime: e,
         open: !1,
@@ -3100,7 +3103,7 @@ const Bo = N(
      */
     after() {
       if (this.input.value) {
-        const { hour: e, minute: t, meridian: s } = Ve(this.input.value);
+        const { hour: e, minute: t, meridian: s } = qe(this.input.value);
         this.state.set({
           hour: e,
           minute: t,
@@ -3125,7 +3128,7 @@ const Bo = N(
      */
     handleInputChange(e) {
       let t = e.target.value.replace(/[^\d]/g, ""), s = Tn(t);
-      const n = Pn(t);
+      const n = Mn(t);
       n.formattedTime && (s = n.formattedTime, this.state.set({
         hour: n.hour,
         minute: n.minute,
@@ -3180,7 +3183,7 @@ const Bo = N(
   x({ size: "lg" }, e)
 ]), Fn = ({ title: e }) => ee({ class: "flex flex-auto items-center" }, [
   Z({ class: "text-lg font-semibold" }, e)
-]), zo = i((e, t) => bt(
+]), zo = i((e, t) => xt(
   {
     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
@@ -3207,7 +3210,7 @@ const Bo = N(
     ])
   ]
 )), Oo = i((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
-  st({ class: "flex flex-auto flex-col" }, [
+  nt({ class: "flex flex-auto flex-col" }, [
     o({ class: "flex flex-auto flex-col gap-y-4" }, [
       o({ class: "flex flex-auto items-center justify-center" }, [
         // @ts-ignore
@@ -3240,11 +3243,11 @@ i(({ value: e, label: t }) => v({
 const Ln = (e, t) => {
   const s = e.toggleAllSelectedRows();
   t.state.checked = !s;
-}, An = (e) => Qe({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
+}, An = (e) => Je({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
   V((t) => new qt({ class: "mr-2", onChange: (s, n) => Ln(t, n) }))
 ]), Rn = ({ align: e, sortable: t, key: s, label: n, sort: a, class: l }) => {
   const r = e || "justify-start";
-  return Qe({
+  return Je({
     class: `cursor-pointer py-3 px-4 text-base ${l || ""}`,
     click: t && (() => a(s))
   }, [
@@ -3253,8 +3256,8 @@ const Ln = (e, t) => {
       t && E({ class: "ml-2", html: h.arrows.upDown })
     ])
   ]);
-}, $e = (e) => xt([
-  pt({
+}, $e = (e) => pt([
+  yt({
     class: "text-muted-foreground border-b",
     map: [
       e.headers,
@@ -3267,7 +3270,7 @@ const Ln = (e, t) => {
       })
     ]
   })
-]), jn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: r }) => new Ct({
+]), jn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: r }) => new St({
   cache: "list",
   key: e,
   items: t,
@@ -3277,7 +3280,7 @@ const Ln = (e, t) => {
   skeleton: l,
   columnCount: r
 });
-class ot extends S {
+class lt extends S {
   /**
    * Initializes component data.
    *
@@ -3442,20 +3445,21 @@ class ot extends S {
     this.data.selectedRows = [];
   }
 }
-const En = (e) => new St({
+const En = (e) => new $t({
   cache: "list",
   loadMoreItems: e.loadMoreItems,
   offset: e.offset,
   limit: e.limit,
   key: e.key,
   tableData: e.tableData,
+  xhrMethod: e.xhrMethod,
   items: e.items,
   rowItem: (t) => e.rowItem(t, e.selectRow),
   class: "divide-y divide-border",
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Hn extends ot {
+class Hn extends lt {
   /**
    * Renders the DataTable component.
    *
@@ -3483,6 +3487,8 @@ class Hn extends ot {
             // @ts-ignore
             tableData: this.tableData,
             // @ts-ignore
+            xhrMethod: this.xhrMethod,
+            // @ts-ignore
             key: this.key,
             // @ts-ignore
             items: this.rows,
@@ -3534,11 +3540,13 @@ const No = i((e) => new Hn(
     // @ts-ignore
     border: e.border,
     // @ts-ignore
+    xhrMethod: e.xhrMethod,
+    // @ts-ignore
     emptyState: e.emptyState,
     // @ts-ignore
     skeleton: e.skeleton
   }
-)), _n = (e) => new $t({
+)), _n = (e) => new Dt({
   cache: "list",
   scrollContainer: e.scrollContainer,
   loadMoreItems: e.loadMoreItems,
@@ -3546,13 +3554,14 @@ const No = i((e) => new Hn(
   limit: e.limit,
   key: e.key,
   tableData: e.tableData,
+  xhrMethod: e.xhrMethod,
   items: e.items,
   rowItem: (t) => e.rowItem(t, e.selectRow),
   class: "divide-y divide-border",
   skeleton: e.skeleton,
   columnCount: e.columnCount
 });
-class Un extends ot {
+class Un extends lt {
   /**
    * Renders the DataTable component.
    *
@@ -3582,6 +3591,8 @@ class Un extends ot {
             // @ts-ignore
             tableData: this.tableData,
             // @ts-ignore
+            xhrMethod: this.xhrMethod,
+            // @ts-ignore
             key: this.key,
             // @ts-ignore
             items: this.rows,
@@ -3635,6 +3646,8 @@ const Fo = i((e) => new Un(
     // @ts-ignore
     border: e.border,
     // @ts-ignore
+    xhrMethod: e.xhrMethod,
+    // @ts-ignore
     emptyState: e.emptyState,
     // @ts-ignore
     skeleton: e.skeleton
@@ -3649,7 +3662,7 @@ const Fo = i((e) => new Un(
   k({ class: "text-xs leading-5 text-gray-500" }, "Online")
 ]), Vn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
   u("Last seen "),
-  yt({ datetime: e }, "3h ago")
+  wt({ datetime: e }, "3h ago")
 ]), qn = (e, t) => e === "online" ? Wn() : Vn(t), Gn = i(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   k({ class: "text-sm leading-6 m-0" }, e),
   qn(s, t)
@@ -3668,7 +3681,7 @@ const Fo = i((e) => new Un(
     // @ts-ignore
     status: e.status
   })
-])), Lo = i((e) => new Dt({
+])), Lo = i((e) => new It({
   cache: "list",
   key: "name",
   // @ts-ignore
@@ -3772,7 +3785,7 @@ const Xn = i(({ options: e, click: t }, s) => ({
     ]
   )
 ];
-class lt extends S {
+class rt extends S {
   /**
    * This will declare the props for the compiler.
    *
@@ -3804,7 +3817,7 @@ class lt extends S {
    */
   addLink() {
     const t = this.options && this.options.length > 0, s = this.content || Zn(String(this.label), this.icon, t);
-    return this.href ? new vt(
+    return this.href ? new kt(
       {
         class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
         cache: "link",
@@ -3832,7 +3845,7 @@ class lt extends S {
   }
 }
 const ea = i(({ map: e }, t) => te({ class: "navigation-group flex flex-col gap-2 list-none m-0 py-2 px-0", map: e }, [
-  qe({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
+  Ge({ class: "text-muted-foreground text-sm py-0 px-4 whitespace-nowrap" }, t)
 ]));
 class ta extends S {
   /**
@@ -3892,10 +3905,10 @@ class ta extends S {
    * @returns {object}
    */
   addLink(t) {
-    return new lt(t);
+    return new rt(t);
   }
 }
-class rt extends ta {
+class it extends ta {
   onCreated() {
     this.links = [];
   }
@@ -3930,7 +3943,7 @@ class rt extends ta {
    * @returns {object}
    */
   addLink(t) {
-    const s = new lt(t);
+    const s = new rt(t);
     if (this.links.push(s), !s.options)
       return s;
     const n = this.addSubNav(s);
@@ -3945,7 +3958,7 @@ const sa = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), na = (e, t) => {
   const s = e.link.panel.pathname;
   return !s && e.isSelected() ? !0 : e.exact ? t === s : sa(s, t);
 };
-class aa extends rt {
+class aa extends it {
   /**
    * This will declare the props for the compiler.
    *
@@ -4113,31 +4126,31 @@ class ia extends S {
     this.container = app.root;
   }
 }
-const it = () => b({ class: "m-2", variant: "ghost", addState() {
+const ct = () => b({ class: "m-2", variant: "ghost", addState() {
   return {
     open: !1
   };
 }, click: (e, { state: t }) => t.toggle("open") }, [
   x({}, h.bar.three)
 ]), ca = (e) => xe({ class: "text-lg ml-2" }, e), da = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
-  it(),
+  ct(),
   e.title && ca(e.title)
-]), ct = (e, t) => {
+]), dt = (e, t) => {
   e.forEach((s) => {
     if (s.options) {
-      ct(s.options, t);
+      dt(s.options, t);
       return;
     }
     s.callBack = t;
   });
-}, dt = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
-  P(
+}, ut = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
+  M(
     "open",
     (t) => t ? [
       new ia({ title: e.title }, [
         V(({ state: s }) => {
           const n = (a) => s.open = !1;
-          return ct(e.options, n), new rt(
+          return dt(e.options, n), new it(
             {
               options: e.options
             }
@@ -4148,13 +4161,13 @@ const it = () => b({ class: "m-2", variant: "ghost", addState() {
   )
 ]), Ao = i((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
   o([
-    it(),
-    dt(e)
+    ct(),
+    ut(e)
   ])
 ])), Ro = i((e) => o({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
   o({ class: "flex flex-auto flex-col w-full" }, [
     da(e),
-    dt(e)
+    ut(e)
   ])
 ])), jo = i((e) => {
   const t = e.margin || "m-4 ml-0";
@@ -4257,7 +4270,7 @@ class ua extends S {
     return this.children;
   }
 }
-Xe.addType("dockableOverlay", (e) => {
+Ze.addType("dockableOverlay", (e) => {
   if (!e)
     return;
   const t = e.component;
@@ -4333,7 +4346,7 @@ class Eo extends ua {
    * @returns {void}
    */
   afterSetup() {
-    Xe.add(
+    Ze.add(
       this.container,
       "dockableOverlay",
       {
@@ -4418,7 +4431,7 @@ const ha = i(({ index: e, click: t, state: s }, n) => ye({
         fa(e)
       ]);
   }]
-}), Ho = M(
+}), Ho = P(
   {
     /**
      * This will set up the data object.
@@ -4607,7 +4620,7 @@ const pa = i((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto f
   ...e,
   children: t
 })), ya = i(({ title: e, description: t }) => ee({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
-  wt({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
+  vt({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
   t && k({ class: "text-base text-muted-foreground py-2 max-w-[700px]" }, t)
 ]));
 class Uo extends xa {
@@ -4630,7 +4643,7 @@ class Uo extends xa {
         title: this.title,
         description: this.description
       }),
-      It(this.children)
+      Tt(this.children)
     ]);
   }
 }
@@ -4639,7 +4652,7 @@ export {
   co as A,
   jo as B,
   ln as C,
-  ot as D,
+  lt as D,
   bo as E,
   zo as F,
   Eo as G,
@@ -4657,7 +4670,7 @@ export {
   Na as S,
   ja as T,
   Ra as U,
-  st as V,
+  nt as V,
   uo as W,
   fo as X,
   ho as Y,
@@ -4697,26 +4710,26 @@ export {
   Bo as aT,
   da as aU,
   ko as aV,
-  Pa as aW,
+  Ma as aW,
   io as aX,
   x as aY,
   Xa as aZ,
   Lo as a_,
   Co as aa,
-  rt as ab,
+  it as ab,
   F as ac,
   Et as ad,
   za as ae,
   So as af,
-  lt as ag,
+  rt as ag,
   pa as ah,
-  Me as ai,
+  Pe as ai,
   Ys as aj,
   Ao as ak,
   Ro as al,
   an as am,
   Ga as an,
-  it as ao,
+  ct as ao,
   Jn as ap,
   ta as aq,
   ea as ar,
@@ -4729,7 +4742,7 @@ export {
   Ws as ay,
   ae as az,
   ra as b,
-  Ze as b0,
+  et as b0,
   N as b1,
   Ka as b2,
   Gs as b3,
@@ -4748,7 +4761,7 @@ export {
   An as j,
   Ba as k,
   ao as l,
-  Ma as m,
+  Pa as m,
   eo as n,
   po as o,
   Io as p,
@@ -4756,8 +4769,8 @@ export {
   To as r,
   jn as s,
   Wa as t,
-  Po as u,
-  Mo as v,
+  Mo as u,
+  Po as v,
   qa as w,
   ce as x,
   sn as y,