@base-framework/ui 1.0.231 → 1.0.233

package/dist/{signature-panel-B7ItSnD5.js → signature-panel-DhtJwt4P.js}

@@ -1,22 +1,22 @@
-import { Button as P, Div as o, On as k, Span as $, OnState as at, Th as J, UseParent as nt, I as it, Thead as ot, Tr as lt, Table as A, P as T, Li as W, Time as rt, Nav as N, Ul as B, Section as _, Canvas as ct } from "@base-framework/atoms";
-import { Atom as g, Component as m, Data as j, DateTime as F, router as O, NavLink as V, DataTracker as Z, Jot as dt, base as U, Dom as Q } from "@base-framework/base";
-import { B as p, I as ht } from "./buttons-Cm9etaEG.js";
-import { Icons as v } from "./icons.es.js";
-import { F as Y, p as R, A as ut, P as ft } from "./calendar-Bn55oWBo.js";
-import { TableBody as gt, DataTableBody as mt, ScrollableTableBody as pt, List as yt, IntervalTimer as wt } from "@base-framework/organisms";
-import { C as bt, I as xt, H as kt } from "./inputs-CMjx5-IX.js";
-g((e, t) => ({
+import { Button as k, Div as o, On as v, Span as D, Th as O, UseParent as F, I as E, Thead as Q, Tr as X, Table as L, P as p, Li as S, Time as q, Nav as I, Ul as w, Section as z, Canvas as K } from "@base-framework/atoms";
+import { Atom as d, Component as h, Data as C, DateTime as G, router as y, NavLink as $, DataTracker as N, Jot as V, base as M, Dom as R } from "@base-framework/base";
+import { B as T, I as _ } from "./buttons-Cm9etaEG.js";
+import { Icons as x } from "./icons.es.js";
+import { TableBody as J, DataTableBody as Z, ScrollableTableBody as ee, List as te, IntervalTimer as se } from "@base-framework/organisms";
+import { C as ae, I as ie, H as ne } from "./inputs-CMjx5-IX.js";
+import { A as oe, P as le } from "./range-calendar-ZAHrVCgV.js";
+d((t, e) => ({
   class: "flex items-center px-4 py-2",
-  ...e,
-  children: t
+  ...t,
+  children: e
 }));
-g(({ value: e, label: t }) => P({
+d(({ value: t, label: e }) => k({
   class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-md px-8 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
-  onState: ["performance", { active: e }],
-  dataSet: ["performance", ["state", e, "active"]],
-  click: (s, { state: a }) => a.performance = e
-}, t));
-class Me extends m {
+  onState: ["performance", { active: t }],
+  dataSet: ["performance", ["state", t, "active"]],
+  click: (s, { state: a }) => a.performance = t
+}, e));
+class at extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -34,77 +34,77 @@ class Me extends m {
     return o({ class: this.class || "" }, this.children);
   }
 }
-const vt = (e) => {
-  const t = new Date(e, 11, 31), s = new Date(e, 0, 1);
-  return t.getDay() === 4 || // December 31 is a Thursday
+const re = (t) => {
+  const e = new Date(t, 11, 31), s = new Date(t, 0, 1);
+  return e.getDay() === 4 || // December 31 is a Thursday
   s.getDay() === 4;
-}, Dt = (e) => {
-  const t = new Date(e.valueOf()), s = (t.getDay() + 6) % 7;
-  t.setDate(t.getDate() - s + 3);
-  const a = t.getFullYear(), n = new Date(a, 0, 4);
-  n.setDate(n.getDate() - (n.getDay() + 6) % 7);
-  const i = Math.ceil((t - n) / 6048e5) + 1;
-  return i > 52 && !vt(a) ? {
+}, ce = (t) => {
+  const e = new Date(t.valueOf()), s = (e.getDay() + 6) % 7;
+  e.setDate(e.getDate() - s + 3);
+  const a = e.getFullYear(), i = new Date(a, 0, 4);
+  i.setDate(i.getDate() - (i.getDay() + 6) % 7);
+  const n = Math.ceil((e - i) / 6048e5) + 1;
+  return n > 52 && !re(a) ? {
     weekNumber: 1,
     year: a + 1
   } : {
-    weekNumber: i,
+    weekNumber: n,
     year: a
   };
-}, St = (e, t, s) => {
+}, de = (t, e, s) => {
   if (s === 0) return [];
-  const a = new Date(e, t, 0).getDate();
+  const a = new Date(t, e, 0).getDate();
   return Array.from(
     { length: s },
-    (n, i) => new Date(e, t - 1, a - s + i + 1)
+    (i, n) => new Date(t, e - 1, a - s + n + 1)
   );
-}, Ct = (e, t, s) => Array.from({ length: s }, (a, n) => new Date(e, t + 1, n + 1)), X = (e, t) => {
-  const s = new Date(t, 0, 4), a = (s.getDay() + 6) % 7, n = new Date(s);
-  n.setDate(s.getDate() - a);
-  const i = new Date(n);
-  return i.setDate(n.getDate() + (e - 1) * 7), i;
-}, Le = (e, t) => {
-  const s = new Date(e, t, 1).getDay(), a = new Date(e, t + 1, 0).getDate(), n = [];
-  let i = [];
+}, he = (t, e, s) => Array.from({ length: s }, (a, i) => new Date(t, e + 1, i + 1)), W = (t, e) => {
+  const s = new Date(e, 0, 4), a = (s.getDay() + 6) % 7, i = new Date(s);
+  i.setDate(s.getDate() - a);
+  const n = new Date(i);
+  return n.setDate(i.getDate() + (t - 1) * 7), n;
+}, it = (t, e) => {
+  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = [];
+  let n = [];
   for (let l = 1 - s; l <= a; l++) {
-    const r = new Date(e, t, l);
-    i.push(l > 0 ? r : null), (i.length === 7 || l === a) && (n.push([...i]), i = []);
+    const u = new Date(t, e, l);
+    n.push(l > 0 ? u : null), (n.length === 7 || l === a) && (i.push([...n]), n = []);
   }
-  return n;
-}, Te = (e, t) => {
-  const s = new Date(e, t + 1, 0).getDate(), a = [];
-  let n = [];
-  for (let i = 1; i <= s; i++)
-    n.push(new Date(e, t, i)), n.length === 7 && (a.push(n), n = []);
-  return n.length > 0 && a.push(n), a;
-}, It = (e, t, s) => {
+  return i;
+}, nt = (t, e) => {
+  const s = new Date(t, e + 1, 0).getDate(), a = [];
+  let i = [];
+  for (let n = 1; n <= s; n++)
+    i.push(new Date(t, e, n)), i.length === 7 && (a.push(i), i = []);
+  return i.length > 0 && a.push(i), a;
+}, ue = (t, e, s) => {
   const a = /* @__PURE__ */ new Date();
-  return a.getDate() === e && a.getMonth() === t && a.getFullYear() === s;
-}, Mt = ({ day: e, month: t, year: s, weekNumber: a, selectWeek: n }) => {
-  const i = It(e, t, s);
-  return P({
-    text: e || "",
-    disabled: !e,
+  return a.getDate() === t && a.getMonth() === e && a.getFullYear() === s;
+}, fe = ({ day: t, month: e, year: s, weekNumber: a, selectWeek: i }) => {
+  const n = ue(t, e, s);
+  return k({
+    text: t || "",
+    disabled: !t,
     class: `
 			px-2 py-1 text-center rounded-md
-			${i ? "bg-accent text-accent-foreground" : ""}
+			${n ? "bg-accent text-accent-foreground" : ""}
 			hover:bg-primary hover:text-primary-foreground
 		`,
-    click: () => n(a, s)
+    click: () => i(a, s)
   });
-}, Lt = (e, t) => {
-  const s = new Date(e, t, 1).getDay(), a = new Date(e, t + 1, 0).getDate(), n = St(e, t, s), i = Array.from({ length: a }, (u, b) => new Date(e, t, b + 1)), l = (n.length + i.length) % 7, r = l === 0 ? 0 : 7 - l, c = Ct(e, t, r), h = [...n, ...i, ...c], y = [];
-  for (let u = 0; u < h.length; u += 7) {
-    const b = h.slice(u, u + 7), x = b.find((d) => d) || new Date(e, t, 1), { weekNumber: E, year: z } = Dt(x);
-    y.push({
-      weekNumber: E,
-      year: z,
-      days: b
+}, ge = (t, e) => {
+  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = de(t, e, s), n = Array.from({ length: a }, (r, m) => new Date(t, e, m + 1)), l = (i.length + n.length) % 7, u = l === 0 ? 0 : 7 - l, c = he(t, e, u), f = [...i, ...n, ...c], g = [];
+  for (let r = 0; r < f.length; r += 7) {
+    const m = f.slice(r, r + 7), b = m.find((H) => H) || new Date(t, e, 1), { weekNumber: U, year: Y } = ce(b);
+    g.push({
+      weekNumber: U,
+      year: Y,
+      days: m
     });
   }
-  return y;
-}, Tt = ({ selectWeek: e }) => k("month", (t, s, { data: a }) => {
-  const { year: n, month: i, currentDate: l } = a, r = Lt(n, i);
+  return g;
+}, me = ({ selectWeek: t }) => v("month", (e, s, { data: a }) => {
+  const { year: i, month: n, currentDate: l } = a, u = ge(i, n);
   return o(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
     [
@@ -115,12 +115,12 @@ const vt = (e) => {
           class: "grid grid-cols-7 col-span-7 text-center text-muted-foreground items-center"
         },
         ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(
-          (c) => $({ class: "px-1 py-1", text: c })
+          (c) => D({ class: "px-1 py-1", text: c })
         )
       ),
       // Render each "week" row
-      ...r.map(
-        ({ weekNumber: c, days: h, year: y }) => o({
+      ...u.map(
+        ({ weekNumber: c, days: f, year: g }) => o({
           class: "grid grid-cols-8 col-span-8 items-center ring-primary rounded-sm px-1",
           onSet: ["currentWeek", {
             ring: c
@@ -129,7 +129,7 @@ const vt = (e) => {
           // Left column: ISO week number
           o({
             class: "font-medium text-center col-span-1 rounded-sm cursor-pointer",
-            click: () => e(c, y),
+            click: () => t(c, g),
             // If you have a 'currentWeek' state, you can highlight it with 'onSet'
             onSet: ["currentWeek", {
               "text-primary-foreground": c,
@@ -140,13 +140,13 @@ const vt = (e) => {
           // The 7 cells for each day in the row
           o(
             { class: "grid grid-cols-7 col-span-7 text-center" },
-            h.map(
-              (u) => Mt({
-                year: (u == null ? void 0 : u.getFullYear()) || null,
-                month: (u == null ? void 0 : u.getMonth()) || null,
-                day: (u == null ? void 0 : u.getDate()) || null,
+            f.map(
+              (r) => fe({
+                year: (r == null ? void 0 : r.getFullYear()) || null,
+                month: (r == null ? void 0 : r.getMonth()) || null,
+                day: (r == null ? void 0 : r.getDate()) || null,
                 weekNumber: c,
-                selectWeek: e
+                selectWeek: t
               })
             )
           )
@@ -154,31 +154,31 @@ const vt = (e) => {
       )
     ]
   );
-}), q = ({ label: e, click: t }) => p(
+}), P = ({ label: t, click: e }) => T(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
 			opacity-50 hover:opacity-100 text-muted-foreground absolute
-			${e === "Previous" ? "left-1" : "right-1"}
+			${t === "Previous" ? "left-1" : "right-1"}
 			focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
 		  `,
-    click: t,
-    "aria-label": `${e} month`,
+    click: e,
+    "aria-label": `${t} month`,
     variant: "icon",
-    icon: e === "Previous" ? v.chevron.single.left : v.chevron.single.right
+    icon: t === "Previous" ? x.chevron.single.left : x.chevron.single.right
   }
-), Bt = ({ next: e, previous: t }) => o({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
-  $("[[monthName]] [[year]]"),
-  q({
+), pe = ({ next: t, previous: e }) => o({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
+  D("[[monthName]] [[year]]"),
+  P({
     label: "Previous",
-    click: t
+    click: e
   }),
-  q({
+  P({
     label: "Next",
-    click: e
+    click: t
   })
 ]);
-class Be extends m {
+class ot extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -193,8 +193,8 @@ class Be extends m {
    * @returns {Data}
    */
   setData() {
-    const t = /* @__PURE__ */ new Date(), s = this.selectedWeek || this.calculateCurrentWeek(t), a = X(s, t.getFullYear());
-    return new j({
+    const e = /* @__PURE__ */ new Date(), s = this.selectedWeek || this.calculateCurrentWeek(e), a = W(s, e.getFullYear());
+    return new C({
       monthName: this.getMonthName(a.getMonth()),
       year: a.getFullYear(),
       month: a.getMonth(),
@@ -208,8 +208,8 @@ class Be extends m {
    * @param {Date} today
    * @returns {Date}
    */
-  getSelectedDate(t) {
-    const s = this.selectedDate ? new Date(this.selectedDate) : t;
+  getSelectedDate(e) {
+    const s = this.selectedDate ? new Date(this.selectedDate) : e;
     return new Date(s.getFullYear(), s.getMonth(), s.getDate());
   }
   /**
@@ -218,11 +218,11 @@ class Be extends m {
    * @param {Date} date
    * @returns {number}
    */
-  calculateCurrentWeek(t) {
-    const s = new Date(t.valueOf()), a = (t.getDay() + 6) % 7;
+  calculateCurrentWeek(e) {
+    const s = new Date(e.valueOf()), a = (e.getDay() + 6) % 7;
     s.setDate(s.getDate() - a + 3);
-    const n = s.valueOf();
-    return s.setMonth(0, 1), s.getDay() !== 4 && s.setMonth(0, 1 + (4 - s.getDay() + 7) % 7), 1 + Math.ceil((n - s) / 6048e5);
+    const i = s.valueOf();
+    return s.setMonth(0, 1), s.getDay() !== 4 && s.setMonth(0, 1 + (4 - s.getDay() + 7) % 7), 1 + Math.ceil((i - s) / 6048e5);
   }
   /**
    * Gets the name of the month.
@@ -230,8 +230,8 @@ class Be extends m {
    * @param {number} month
    * @returns {string}
    */
-  getMonthName(t) {
-    return F.monthNames[t];
+  getMonthName(e) {
+    return G.monthNames[e];
   }
   /**
    * Updates the calendar to show the previous month.
@@ -239,8 +239,8 @@ class Be extends m {
    * @returns {void}
    */
   goToPreviousMonth() {
-    const t = this.data;
-    let { year: s, month: a } = t;
+    const e = this.data;
+    let { year: s, month: a } = e;
     a === 0 ? (a = 11, s--) : a--, this.setDate(a, s);
   }
   /**
@@ -249,8 +249,8 @@ class Be extends m {
    * @returns {void}
    */
   goToNextMonth() {
-    const t = this.data;
-    let { year: s, month: a } = t;
+    const e = this.data;
+    let { year: s, month: a } = e;
     a === 11 ? (a = 0, s++) : a++, this.setDate(a, s);
   }
   /**
@@ -261,11 +261,11 @@ class Be extends m {
    * @param {number|null} [date=null]
    * @returns {void}
    */
-  setDate(t, s, a) {
+  setDate(e, s, a) {
     this.data.set({
       year: s,
-      month: t,
-      monthName: this.getMonthName(t)
+      month: e,
+      monthName: this.getMonthName(e)
     }), a && (this.data.currentDate = a);
   }
   /**
@@ -274,10 +274,10 @@ class Be extends m {
    * @param {number} weekNumber
    * @returns {void}
    */
-  selectWeek(t, s) {
-    this.data.currentWeek = t;
-    const a = X(t, s);
-    this.setDate(a.getMonth(), a.getFullYear(), a.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(t);
+  selectWeek(e, s) {
+    this.data.currentWeek = e;
+    const a = W(e, s);
+    this.setDate(a.getMonth(), a.getFullYear(), a.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(e);
   }
   /**
    * Renders the WeekCalendar component.
@@ -286,380 +286,66 @@ class Be extends m {
    */
   render() {
     return o({ class: "week-calendar-container border rounded-md bg-background p-3" }, [
-      Bt({
+      pe({
         next: () => this.goToNextMonth(),
         previous: () => this.goToPreviousMonth()
       }),
-      Tt({
-        selectWeek: (t, s) => this.selectWeek(t, s)
+      me({
+        selectWeek: (e, s) => this.selectWeek(e, s)
       })
     ]);
   }
 }
-const K = ({ label: e, click: t }) => p(
-  {
-    class: `
-			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
-			opacity-50 hover:opacity-100 text-muted-foreground absolute
-			${e === "Previous" ? "left-1" : "right-1"}
-			focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
-		  `,
-    click: t,
-    "aria-label": `${e} month`,
-    variant: "icon",
-    icon: e === "Previous" ? v.chevron.single.left : v.chevron.single.right
-  }
-), Rt = ({ onMonthClick: e, onYearClick: t, next: s, previous: a }) => o({ class: "flex items-center justify-center space-x-2 relative min-h-12 text-sm font-medium" }, [
-  p({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
-  p({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
-  K({ label: "Previous", click: a }),
-  K({ label: "Next", click: s })
-]), Ot = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), Pt = () => 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(Ot)
-), $t = ({ day: e, iso: t, disabled: s, isStart: a, isEnd: n, isBetween: i, isOtherMonth: l, click: r }) => {
-  let c = "ghost", h = "";
-  return a || n ? (c = "default", h = "bg-primary text-primary-foreground hover:bg-primary/90") : i && (h = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (h += " opacity-50 cursor-not-allowed"), l && (h += " text-muted-foreground opacity-50"), p(
-    {
-      class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${h}`,
-      variant: c,
-      disabled: s,
-      click: () => {
-        s || r();
-      }
-    },
-    e.toString()
-  );
-}, Wt = ({ today: e, current: t, blockPriorDates: s, onDateClick: a }) => {
-  const { start: n, end: i } = t, l = new Date(t.year, t.month, 1).getDay(), r = new Date(t.year, t.month + 1, 0).getDate(), c = [], h = t.month === 0 ? 11 : t.month - 1, y = t.month === 0 ? t.year - 1 : t.year, u = new Date(y, h + 1, 0).getDate(), b = t.month === 11 ? 0 : t.month + 1, x = t.month === 11 ? t.year + 1 : t.year;
-  for (let d = l - 1; d >= 0; d--) {
-    const f = u - d, w = Y(y, h, f), D = new Date(y, h, f), S = new Date(e.year, e.month, e.date), C = D < S, I = s && C, M = n === w, L = i === w, st = n && i && w > n && w < i;
-    c.push({
-      day: f,
-      iso: w,
-      disabled: I,
-      isStart: M,
-      isEnd: L,
-      isBetween: st,
-      isOtherMonth: !0,
-      click: () => a(w)
-    });
-  }
-  for (let d = 1; d <= r; d++) {
-    const f = Y(t.year, t.month, d), w = new Date(t.year, t.month, d), D = new Date(e.year, e.month, e.date), S = w < D, C = s && S, I = n === f, M = i === f, L = n && i && f > n && f < i;
-    c.push({
-      day: d,
-      iso: f,
-      disabled: C,
-      isStart: I,
-      isEnd: M,
-      isBetween: L,
-      isOtherMonth: !1,
-      click: () => {
-        console.log(f), a(f);
-      }
-    });
-  }
-  const z = 42 - c.length;
-  for (let d = 1; d <= z; d++) {
-    const f = Y(x, b, d), w = new Date(x, b, d), D = new Date(e.year, e.month, e.date), S = w < D, C = s && S, I = n === f, M = i === f, L = n && i && f > n && f < i;
-    c.push({
-      day: d,
-      iso: f,
-      disabled: C,
-      isStart: I,
-      isEnd: M,
-      isBetween: L,
-      isOtherMonth: !0,
-      click: () => a(f)
-    });
-  }
-  return o(
-    { class: "grid grid-cols-7 gap-1" },
-    c.map(
-      (d, f) => $t({
-        day: d.day,
-        iso: d.iso,
-        disabled: d.disabled,
-        isStart: d.isStart,
-        isEnd: d.isEnd,
-        isBetween: d.isBetween,
-        isOtherMonth: d.isOtherMonth,
-        click: d.click
-      })
-    )
-  );
-}, Nt = g((e, t) => o({ class: "flex flex-auto flex-col" }, [
-  Rt({
-    onMonthClick: e.onMonthClick,
-    onYearClick: e.onYearClick,
-    next: e.next,
-    previous: e.previous
-  }),
-  o({
-    class: "flex flex-auto flex-col w-full",
-    onSet: [
-      "currentDate",
-      () => [
-        Pt(),
-        Wt({
-          today: e.today,
-          current: e.current,
-          blockPriorDates: e.blockPriorDates,
-          onDateClick: e.onDateClick
-        })
-      ]
-    ]
-  })
-])), jt = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
-  { class: "grid grid-cols-3 gap-2" },
-  F.monthNames.map(
-    (a, n) => p(
-      {
-        click: (i) => {
-          i.preventDefault(), i.stopPropagation(), s(n);
-        },
-        variant: e === n ? "primary" : "ghost",
-        "aria-label": `Select ${a} ${t}`
-      },
-      a.substring(0, 3)
-    )
-  )
-), zt = ({ start: e, end: t, selecting: s, onSelectStart: a, onSelectEnd: n }) => o({ class: "flex space-x-2 mb-4" }, [
-  k("selecting", (i) => p({
-    click: a,
-    variant: i === "start" ? "primary" : "outline",
-    class: "flex-1"
-  }, [
-    o({ class: "font-medium" }, G("current.start", "Start Date"))
-  ])),
-  k("selecting", (i) => p({
-    click: n,
-    variant: i === "end" ? "primary" : "outline",
-    class: "flex-1"
-  }, [
-    o({ class: "font-medium" }, G("current.end", "End Date"))
-  ]))
-]), G = (e, t) => [`[[${e}]]`, (s) => s == null ? t : Yt(s)], Yt = (e) => {
-  const t = /* @__PURE__ */ new Date(e + "T00:00:00"), s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], a = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-  return `${s[t.getDay()]}, ${t.getDate()} ${a[t.getMonth()]}`;
-}, At = ({ currentYear: e, onSelect: t }) => {
-  const s = e - 50, a = Array.from({ length: 101 }, (n, i) => s + i);
-  return o(
-    { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
-    a.map(
-      (n) => p(
-        {
-          click: (i) => {
-            i.preventDefault(), i.stopPropagation(), t(n);
-          },
-          variant: n === e ? "primary" : "ghost",
-          "aria-label": `Select ${n}`
-        },
-        n.toString()
-      )
-    )
-  );
-};
-class Re extends m {
-  /**
-   * Declare compiler props.
-   *
-   * @returns {void}
-   */
-  declareProps() {
-    this.startDate = null, this.endDate = null, this.onRangeSelect = null, this.blockPriorDates = !1;
-  }
-  /**
-   * Initialize reactive data for today and current view.
-   *
-   * @returns {Data}
-   */
-  setData() {
-    const t = /* @__PURE__ */ new Date(), s = this.startDate ? /* @__PURE__ */ new Date(this.startDate + "T00:00:00") : t, a = s.getMonth(), n = s.getFullYear();
-    return new j({
-      today: {
-        date: t.getDate(),
-        month: t.getMonth(),
-        year: t.getFullYear()
-      },
-      monthName: this.getMonthName(a),
-      currentData: `${s.getFullYear()}-${R(s.getMonth() + 1)}-${R(s.getDate())}`,
-      current: {
-        date: t.getDate(),
-        month: a,
-        year: n,
-        start: this.startDate,
-        end: this.endDate
-      },
-      selecting: "start"
-    });
-  }
-  /**
-   * This will get the name of the month.
-   *
-   * @param {number} month
-   * @returns {string}
-   */
-  getMonthName(t) {
-    return F.monthNames[t];
-  }
-  /**
-   * Initialize component state.
-   *
-   * @returns {{view:string}}
-   */
-  setupStates() {
-    return {
-      view: "calendar"
-      // 'calendar', 'months', or 'years'
-    };
-  }
-  /**
-   * Handle a date cell click.
-   *
-   * @param {string} isoDate
-   * @returns {void}
-   */
-  handleClick(t) {
-    if (this.data.selecting === "start") {
-      this.data.current.start = t, this.data.current.end = null, this.data.selecting = "end";
-      const s = new Date(t);
-      console.log(s.getMonth(), s.getFullYear(), s.getDate()), this.setCurrent({
-        month: s.getMonth(),
-        year: s.getFullYear(),
-        date: s.getDate()
-      });
-    } else {
-      this.data.current.start && t < this.data.current.start ? (this.data.current.end = this.data.current.start, this.data.current.start = t) : this.data.current.end = t, this.data.selecting = "start";
-      const s = new Date(t);
-      this.setCurrent({
-        month: s.getMonth(),
-        year: s.getFullYear(),
-        date: s.getDate()
-      }), typeof this.onRangeSelect == "function" && this.onRangeSelect(this.data.current.start, this.data.current.end);
-    }
-  }
-  /**
-   * Update current month/year in data.
-   *
-   * @param {object} obj
-   * @returns {void}
-   */
-  setCurrent({ month: t, year: s, date: a = null }) {
-    const n = this.data.current;
-    n.month = (t + 12) % 12, n.year = s + (t < 0 ? -1 : t > 11 ? 1 : 0), a !== null && (n.date = a), this.data.monthName = this.getMonthName(n.month), this.data.currentDate = `${s}-${R(t + 1)}-${R(n.date)}`;
-  }
-  /**
-   * Render the range calendar.
-   *
-   * @returns {object}
-   */
-  render() {
-    const { today: t, current: s, selecting: a } = this.data, { start: n, end: i } = s;
-    return o({ class: "range-calendar bg-background border border-border rounded-lg shadow-md p-4 w-full max-w-sm" }, [
-      zt({
-        start: n,
-        end: i,
-        selecting: a,
-        onSelectStart: () => this.data.selecting = "start",
-        onSelectEnd: () => this.data.selecting = "end"
-      }),
-      at("view", (l) => {
-        switch (l) {
-          case "months":
-            return jt(
-              {
-                currentMonth: s.month,
-                currentYear: s.year,
-                onSelect: (r) => {
-                  this.setCurrent({ month: r, year: s.year }), this.state.view = "calendar";
-                }
-              }
-            );
-          case "years":
-            return At(
-              {
-                currentYear: s.year,
-                onSelect: (r) => {
-                  this.setCurrent({ month: s.month, year: r }), this.state.view = "calendar";
-                }
-              }
-            );
-          default:
-            return Nt({
-              monthName: this.data.monthName,
-              year: s.year,
-              today: t,
-              current: s,
-              blockPriorDates: this.blockPriorDates,
-              onDateClick: (r) => this.handleClick(r),
-              onMonthClick: () => this.state.view = "months",
-              onYearClick: () => this.state.view = "years",
-              next: () => {
-                const r = this.data.current, c = r.month === 11 ? { month: 0, year: r.year + 1 } : { month: r.month + 1, year: r.year };
-                this.setCurrent(c);
-              },
-              previous: () => {
-                const r = this.data.current, c = r.month === 0 ? { month: 11, year: r.year - 1 } : { month: r.month - 1, year: r.year };
-                this.setCurrent(c);
-              }
-            });
-        }
-      })
-    ]);
-  }
-}
-const Ft = (e, t) => {
-  const s = e.toggleAllSelectedRows();
-  t.state.checked = !s;
-}, Ht = (e) => J({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
-  nt((t) => new bt({ class: "mr-2", onChange: (s, a) => Ft(t, a) }))
-]), Et = ({ align: e, sortable: t, key: s, label: a, sort: n, class: i }) => {
-  const l = e || "justify-start";
-  return J({
-    class: `cursor-pointer py-3 px-4 text-base ${i || ""}`,
-    click: t && (() => n(s))
+const we = (t, e) => {
+  const s = t.toggleAllSelectedRows();
+  e.state.checked = !s;
+}, be = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
+  F((e) => new ae({ class: "mr-2", onChange: (s, a) => we(e, a) }))
+]), ye = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
+  const l = t || "justify-start";
+  return O({
+    class: `cursor-pointer py-3 px-4 text-base ${n || ""}`,
+    click: e && (() => i(s))
   }, [
     o({ class: `flex flex-auto w-full items-center ${l}` }, [
-      $(a),
-      t && it({ class: "ml-2", html: v.arrows.upDown })
+      D(a),
+      e && E({ class: "ml-2", html: x.arrows.upDown })
     ])
   ]);
-}, H = (e) => ot([
-  lt({
+}, B = (t) => Q([
+  X({
     class: "text-muted-foreground border-b",
     map: [
-      e.headers,
-      (t) => t.label === "checkbox" ? Ht({ toggle: e.toggle }) : Et({
-        align: t.align,
-        sortable: t.sortable,
-        key: t.key,
-        label: t.label,
-        sort: e.sort
+      t.headers,
+      (e) => e.label === "checkbox" ? be({ toggle: t.toggle }) : ye({
+        align: e.align,
+        sortable: e.sortable,
+        key: e.key,
+        label: e.label,
+        sort: t.sort
       })
     ]
   })
-]), Ut = ({ key: e, rows: t, selectRow: s, rowItem: a, emptyState: n }) => new gt({
+]), xe = ({ key: t, rows: e, selectRow: s, rowItem: a, emptyState: i }) => new J({
   cache: "list",
-  key: e,
-  items: t,
-  rowItem: (i) => a(i, s),
+  key: t,
+  items: e,
+  rowItem: (n) => a(n, s),
   class: "divide-y divide-border",
-  emptyState: n
+  emptyState: i
 });
-class tt extends m {
+class j extends h {
   /**
    * Initializes component data.
    *
    * @returns {Data}
    */
   setData() {
-    let t = this.rows && this.rows.length > 0;
-    return (this.loadMoreItems || this.tableData) && !t && (t = null), new j({
+    let e = this.rows && this.rows.length > 0;
+    return (this.loadMoreItems || this.tableData) && !e && (e = null), new C({
       selectedRows: [],
       // @ts-ignore
-      hasItems: t,
+      hasItems: e,
       selected: !1
     });
   }
@@ -669,7 +355,7 @@ class tt extends m {
    * @returns {boolean}
    */
   toggleAllSelectedRows() {
-    const t = this.list.getRows(), s = this.data.selectedRows.length === t.length, a = s ? [] : t;
+    const e = this.list.getRows(), s = this.data.selectedRows.length === e.length, a = s ? [] : e;
     return this.data.selectedRows = a, this.updateSelected(), this.updateTable(!s), s;
   }
   /**
@@ -678,8 +364,8 @@ class tt extends m {
    * @returns {void}
    */
   updateSelected() {
-    const t = this.data.get("selectedRows");
-    this.data.selected = t.length > 0;
+    const e = this.data.get("selectedRows");
+    this.data.selected = e.length > 0;
   }
   /**
    * This will get the selected rows.
@@ -696,20 +382,20 @@ class tt extends m {
    * @param {boolean} selected
    * @returns {void}
    */
-  updateTable(t) {
+  updateTable(e) {
     const s = this.list.getRows();
-    s.forEach((a) => a.selected = t), this.list.setRows(s);
+    s.forEach((a) => a.selected = e), this.list.setRows(s);
   }
   /**
    * Handles row selection.
    *
    * @param {object} row
    */
-  selectRow(t) {
-    const s = t.selected ?? !1;
-    t.selected = !s;
-    const a = this.data.get("selectedRows"), n = t.selected ? [...a, t] : a.filter((i) => i !== t);
-    this.data.selectedRows = n, this.updateSelected();
+  selectRow(e) {
+    const s = e.selected ?? !1;
+    e.selected = !s;
+    const a = this.data.get("selectedRows"), i = e.selected ? [...a, e] : a.filter((n) => n !== e);
+    this.data.selectedRows = i, this.updateSelected();
   }
   /**
    * Renders the DataTable component.
@@ -717,19 +403,19 @@ class tt extends m {
    * @returns {object}
    */
   render() {
-    const t = this.rows, s = this.border !== !1 ? "border" : "";
+    const e = this.rows, s = this.border !== !1 ? "border" : "";
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      k("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        A({ class: "w-full" }, [
+        L({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && H({ headers: this.headers, sort: (a) => this.sortRows(a) }),
+          this.headers && B({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
-          Ut({
+          xe({
             // @ts-ignore
             key: this.key,
-            rows: t,
+            rows: e,
             // @ts-ignore
             selectRow: this.selectRow.bind(this),
             // @ts-ignore
@@ -748,8 +434,8 @@ class tt extends m {
    * @param {array} items
    * @returns {void}
    */
-  remove(t) {
-    this.list.remove(t);
+  remove(e) {
+    this.list.remove(e);
   }
   /**
    * This will set the items in the list.
@@ -758,8 +444,8 @@ class tt extends m {
    * @param {array} rows
    * @returns {void}
    */
-  setRows(t) {
-    this.list.setRows(t);
+  setRows(e) {
+    this.list.setRows(e);
   }
   /**
    * This will append items to the list.
@@ -768,8 +454,8 @@ class tt extends m {
    * @param {array|object} items
    * @returns {void}
    */
-  append(t) {
-    this.list.append(t);
+  append(e) {
+    this.list.append(e);
   }
   /**
    * This will mingle the new items with the old items.
@@ -779,8 +465,8 @@ class tt extends m {
    * @param {boolean} withDelete
    * @returns {void}
    */
-  mingle(t, s = !1) {
-    this.list.mingle(t, s);
+  mingle(e, s = !1) {
+    this.list.mingle(e, s);
   }
   /**
    * This will prepend items to the list.
@@ -789,8 +475,8 @@ class tt extends m {
    * @param {array|object} items
    * @returns {void}
    */
-  prepend(t) {
-    this.list.prepend(t);
+  prepend(e) {
+    this.list.prepend(e);
   }
   /**
    * This will remove the selected rows.
@@ -801,34 +487,34 @@ class tt extends m {
     this.data.selectedRows = [];
   }
 }
-const Qt = (e) => new mt({
+const ke = (t) => new Z({
   cache: "list",
-  loadMoreItems: e.loadMoreItems,
-  offset: e.offset,
-  limit: e.limit,
-  key: e.key,
-  tableData: e.tableData,
-  items: e.items,
-  rowItem: (t) => e.rowItem(t, e.selectRow),
+  loadMoreItems: t.loadMoreItems,
+  offset: t.offset,
+  limit: t.limit,
+  key: t.key,
+  tableData: t.tableData,
+  items: t.items,
+  rowItem: (e) => t.rowItem(e, t.selectRow),
   class: "divide-y divide-border"
 });
-class Xt extends tt {
+class ve extends j {
   /**
    * Renders the DataTable component.
    *
    * @returns {object}
    */
   render() {
-    const t = this.rows, s = this.border !== !1 ? "border" : "";
+    const e = this.rows, s = this.border !== !1 ? "border" : "";
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      k("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        A({ class: "w-full" }, [
+        L({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && H({ headers: this.headers, sort: (a) => this.sortRows(a) }),
+          this.headers && B({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
-          Qt({
+          ke({
             // @ts-ignore
             loadMoreItems: this.loadMoreItems,
             // @ts-ignore
@@ -841,7 +527,7 @@ class Xt extends tt {
             tableData: this.tableData,
             // @ts-ignore
             key: this.key,
-            items: t,
+            items: e,
             // @ts-ignore
             selectRow: this.selectRow.bind(this),
             // @ts-ignore
@@ -860,51 +546,51 @@ class Xt extends tt {
     this.list.refresh();
   }
 }
-const Oe = g((e) => new Xt(
+const lt = d((t) => new ve(
   {
-    cache: e.cache ?? "list",
-    tableData: e.data,
-    loadMoreItems: e.loadMoreItems,
-    offset: e.offset,
-    limit: e.limit,
-    class: e.class,
-    key: e.key,
-    rows: e.rows,
-    rowItem: e.rowItem,
-    headers: e.headers,
-    customHeader: e.customHeader,
-    border: e.border,
-    emptyState: e.emptyState
-  }
-)), qt = (e) => new pt({
+    cache: t.cache ?? "list",
+    tableData: t.data,
+    loadMoreItems: t.loadMoreItems,
+    offset: t.offset,
+    limit: t.limit,
+    class: t.class,
+    key: t.key,
+    rows: t.rows,
+    rowItem: t.rowItem,
+    headers: t.headers,
+    customHeader: t.customHeader,
+    border: t.border,
+    emptyState: t.emptyState
+  }
+)), De = (t) => new ee({
   cache: "list",
-  scrollContainer: e.scrollContainer,
-  loadMoreItems: e.loadMoreItems,
-  offset: e.offset,
-  limit: e.limit,
-  key: e.key,
-  tableData: e.tableData,
-  items: e.items,
-  rowItem: (t) => e.rowItem(t, e.selectRow),
+  scrollContainer: t.scrollContainer,
+  loadMoreItems: t.loadMoreItems,
+  offset: t.offset,
+  limit: t.limit,
+  key: t.key,
+  tableData: t.tableData,
+  items: t.items,
+  rowItem: (e) => t.rowItem(e, t.selectRow),
   class: "divide-y divide-border"
 });
-class Kt extends tt {
+class Se extends j {
   /**
    * Renders the DataTable component.
    *
    * @returns {object}
    */
   render() {
-    const t = this.rows, s = this.border !== !1 ? "border" : "";
+    const e = this.rows, s = this.border !== !1 ? "border" : "";
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      k("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
-        A({ class: "w-full" }, [
+        L({ class: "w-full" }, [
           // @ts-ignore
-          this.headers && H({ headers: this.headers, sort: (a) => this.sortRows(a) }),
+          this.headers && B({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
-          qt({
+          De({
             // @ts-ignore
             scrollContainer: this.scrollContainer,
             // @ts-ignore
@@ -919,7 +605,7 @@ class Kt extends tt {
             tableData: this.tableData,
             // @ts-ignore
             key: this.key,
-            items: t,
+            items: e,
             // @ts-ignore
             selectRow: this.selectRow.bind(this),
             // @ts-ignore
@@ -938,62 +624,62 @@ class Kt extends tt {
     this.list.refresh();
   }
 }
-const Pe = g((e) => new Kt(
+const rt = d((t) => new Se(
   {
-    cache: e.cache ?? "list",
-    tableData: e.data,
-    scrollContainer: e.scrollContainer,
-    loadMoreItems: e.loadMoreItems,
-    offset: e.offset,
-    limit: e.limit,
-    class: e.class,
-    key: e.key,
-    rows: e.rows,
-    rowItem: e.rowItem,
-    headers: e.headers,
-    customHeader: e.customHeader,
-    border: e.border,
-    emptyState: e.emptyState
-  }
-)), Gt = g(({ name: e, email: t }) => o({ class: "min-w-0 flex-auto" }, [
-  T({ class: "text-base font-semibold leading-6 m-0" }, e),
-  T({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, t)
-])), Jt = () => o({ class: "flex items-center gap-x-1.5" }, [
+    cache: t.cache ?? "list",
+    tableData: t.data,
+    scrollContainer: t.scrollContainer,
+    loadMoreItems: t.loadMoreItems,
+    offset: t.offset,
+    limit: t.limit,
+    class: t.class,
+    key: t.key,
+    rows: t.rows,
+    rowItem: t.rowItem,
+    headers: t.headers,
+    customHeader: t.customHeader,
+    border: t.border,
+    emptyState: t.emptyState
+  }
+)), Ie = d(({ name: t, email: e }) => o({ class: "min-w-0 flex-auto" }, [
+  p({ class: "text-base font-semibold leading-6 m-0" }, t),
+  p({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, e)
+])), Le = () => o({ class: "flex items-center gap-x-1.5" }, [
   o({ class: "flex-none rounded-full bg-emerald-500/20 p-1" }, [
     o({ class: "h-1.5 w-1.5 rounded-full bg-emerald-500" })
   ]),
-  T({ class: "text-xs leading-5 text-gray-500" }, "Online")
-]), _t = (e) => T({ class: "text-xs leading-5 text-muted-foreground" }, [
-  $("Last seen "),
-  rt({ datetime: e }, "3h ago")
-]), Vt = (e, t) => e === "online" ? Jt() : _t(t), Zt = g(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
-  T({ class: "text-sm leading-6 m-0" }, e),
-  Vt(s, t)
-])), te = (e) => e.split(" ").map((s) => s[0]).join(""), ee = g((e) => W({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
+  p({ class: "text-xs leading-5 text-gray-500" }, "Online")
+]), Ce = (t) => p({ class: "text-xs leading-5 text-muted-foreground" }, [
+  D("Last seen "),
+  q({ datetime: t }, "3h ago")
+]), Te = (t, e) => t === "online" ? Le() : Ce(e), Be = d(({ role: t, lastSeen: e, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
+  p({ class: "text-sm leading-6 m-0" }, t),
+  Te(s, e)
+])), Me = (t) => t.split(" ").map((s) => s[0]).join(""), Re = d((t) => S({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
   o({ class: "flex min-w-0 gap-x-4" }, [
-    ut({ src: e.image, alt: e.name, fallbackText: te(e.name) }),
-    Gt({ name: e.name, email: e.email })
+    oe({ src: t.image, alt: t.name, fallbackText: Me(t.name) }),
+    Ie({ name: t.name, email: t.email })
   ]),
-  Zt({
-    role: e.role,
-    lastSeen: e.lastSeen,
-    status: e.status
+  Be({
+    role: t.role,
+    lastSeen: t.lastSeen,
+    status: t.status
   })
-])), $e = g((e) => new yt({
+])), ct = d((t) => new te({
   cache: "list",
   key: "name",
-  items: e.users,
+  items: t.users,
   role: "list",
   class: "divide-y divide-border",
-  rowItem: ee
-})), se = (e, t) => t.includes(e), ae = (e, t, s) => e.exact ? s === t : se(t, s), ne = ({ text: e, href: t, exact: s, hidden: a }) => new V({
-  text: e,
-  href: t,
+  rowItem: Re
+})), We = (t, e) => e.includes(t), Pe = (t, e, s) => t.exact ? s === e : We(e, s), Oe = ({ text: t, href: e, exact: s, hidden: a }) => new $({
+  text: t,
+  href: e,
   exact: s,
   dataSet: ["selected", ["state", !0, "active"]],
   class: `${a ? "hidden" : "inline-flex"} items-center justify-center whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring focus-visible:ring-offset-background hover:bg-primary hover:text-primary-foreground disabled:opacity-50 disabled:pointer-events-none data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm`
 });
-class We extends m {
+class dt extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -1014,14 +700,14 @@ class We extends m {
    * @returns {object}
    */
   render() {
-    return N(
+    return I(
       { class: `flex items-center justify-center p-2 text-muted-foreground rounded-md ${this.class || ""}` },
       [
-        B({
+        w({
           class: "flex space-x-4",
-          map: [this.options, (t) => this.addLink(t)],
+          map: [this.options, (e) => this.addLink(e)],
           watch: {
-            value: ["[[path]]", O.data],
+            value: ["[[path]]", y.data],
             callBack: this.updateLinks.bind(this)
           }
         })
@@ -1034,8 +720,8 @@ class We extends m {
    * @returns {void}
    */
   afterSetup() {
-    const t = O.data.path;
-    this.updateLinks(t);
+    const e = y.data.path;
+    this.updateLinks(e);
   }
   /**
    * This will update the links based on the current path.
@@ -1043,13 +729,13 @@ class We extends m {
    * @param {string} path
    * @returns {void}
    */
-  updateLinks(t) {
+  updateLinks(e) {
     let s = !1;
     this.deactivateAllLinks();
     for (const a of this.links) {
       if (!a.rendered)
         continue;
-      ae(a, a.getLinkPath(), t) ? (this.updateLink(a, !0), s = !0) : this.updateLink(a, !1);
+      Pe(a, a.getLinkPath(), e) ? (this.updateLink(a, !0), s = !0) : this.updateLink(a, !1);
     }
     !s && this.links[0] && this.updateLink(this.links[0], !0);
   }
@@ -1059,8 +745,8 @@ class We extends m {
    * @returns {void}
    */
   deactivateAllLinks() {
-    for (const t of this.links)
-      this.updateLink(t, !1);
+    for (const e of this.links)
+      this.updateLink(e, !1);
   }
   /**
    * This will update the link's active state.
@@ -1069,8 +755,8 @@ class We extends m {
    * @param {boolean} selected
    * @returns {void}
    */
-  updateLink(t, s) {
-    t.update(s);
+  updateLink(e, s) {
+    e.update(s);
   }
   /**
    * This will add a link to the navigation.
@@ -1078,9 +764,9 @@ class We extends m {
    * @param {object} option
    * @returns {object}
    */
-  addLink({ label: t, href: s, exact: a, hidden: n }) {
-    const i = ne({ text: t, href: s, exact: a, hidden: n });
-    return this.links.push(i), i;
+  addLink({ label: e, href: s, exact: a, hidden: i }) {
+    const n = Oe({ text: e, href: s, exact: a, hidden: i });
+    return this.links.push(n), n;
   }
   /**
    * This will clear the links.
@@ -1091,13 +777,13 @@ class We extends m {
     this.links = [];
   }
 }
-const Ne = g((e) => {
-  const t = e.margin || "m-4 ml-0";
-  return e.allowHistory = e.allowHistory === !0, o({ class: `flex-none ${t}` }, [
-    p({ variant: "back", class: "ghost", ...e })
+const ht = d((t) => {
+  const e = t.margin || "m-4 ml-0";
+  return t.allowHistory = t.allowHistory === !0, o({ class: `flex-none ${e}` }, [
+    T({ variant: "back", class: "ghost", ...t })
   ]);
 });
-class et extends m {
+class A extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -1138,7 +824,7 @@ class et extends m {
    * @param {object} container
    * @returns {void}
    */
-  setContainer(t) {
+  setContainer(e) {
     this.container = app.root;
   }
   /**
@@ -1184,13 +870,13 @@ class et extends m {
     return this.children;
   }
 }
-Z.addType("dockableOverlay", (e) => {
-  if (!e)
+N.addType("dockableOverlay", (t) => {
+  if (!t)
     return;
-  const t = e.component;
-  t && t.rendered === !0 && t.state.docked === !1 && t.destroy();
+  const e = t.component;
+  e && e.rendered === !0 && e.state.docked === !1 && e.destroy();
 });
-class je extends et {
+class ut extends A {
   /**
    * This will stop presistence.
    *
@@ -1205,7 +891,7 @@ class je extends et {
    * @returns {object}
    */
   render() {
-    const t = this.container;
+    const e = this.container;
     return o(
       {
         onState: [
@@ -1213,7 +899,7 @@ class je extends et {
             loading: !0
           }],
           ["docked", (s, a) => {
-            s ? (a.className = this.getDockedClassName(), t.appendChild(a), document.documentElement.style.overflowY = "auto") : (a.className = this.getClassName(), app.root.appendChild(a), document.documentElement.style.overflowY = "hidden");
+            s ? (a.className = this.getDockedClassName(), e.appendChild(a), document.documentElement.style.overflowY = "auto") : (a.className = this.getClassName(), app.root.appendChild(a), document.documentElement.style.overflowY = "hidden");
           }]
         ]
       },
@@ -1236,8 +922,8 @@ class je extends et {
    * @param {object} container
    * @returns {void}
    */
-  setup(t) {
-    this.container = t, this.initialize();
+  setup(e) {
+    this.container = e, this.initialize();
   }
   /**
    * This will setup the overlay states.
@@ -1256,7 +942,7 @@ class je extends et {
    * @returns {void}
    */
   afterSetup() {
-    Z.add(
+    N.add(
       this.container,
       "dockableOverlay",
       {
@@ -1299,7 +985,7 @@ class je extends et {
     document.documentElement.style.overflowY = "auto";
   }
 }
-class ze extends et {
+class ft extends A {
   /**
    * This will get the overlay type.
    *
@@ -1314,55 +1000,55 @@ class ze extends et {
    * @param {object} container
    * @returns {void}
    */
-  setup(t) {
-    this.container = t, this.initialize();
+  setup(e) {
+    this.container = e, this.initialize();
   }
 }
-const ie = g(({ index: e, click: t, state: s }, a) => W({
+const ze = d(({ index: t, click: e, state: s }, a) => S({
   class: "p-2 cursor-pointer hover:bg-muted/50",
   onState: [
     [s, "selectedIndex", {
-      "bg-accent": e,
-      "text-white": e
+      "bg-accent": t,
+      "text-white": t
     }]
   ],
-  click: () => t(e)
-}, a)), oe = g(({ selectOption: e, state: t }) => B({
+  click: () => e(t)
+}, a)), $e = d(({ selectOption: t, state: e }) => w({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
-  for: ["filteredOptions", (s, a) => ie({ index: a, click: e, state: t }, s.label)]
-})), le = g((e) => o({ class: "relative flex items-center" }, [
-  xt({
+  for: ["filteredOptions", (s, a) => ze({ index: a, click: t, state: e }, s.label)]
+})), Ne = d((t) => o({ class: "relative flex items-center" }, [
+  ie({
     cache: "input",
-    class: e.class ?? "",
-    placeholder: e.placeholder ?? "Search...",
-    bind: e.bind ?? [e.state, "searchQuery"],
-    keyup: (t, s) => {
-      s.state && (s.state.open = !1), typeof e.filterOptions == "function" && e.filterOptions(), s.dropdown && s.dropdown.updatePosition(), e.keyup && e.keyup(t, s);
+    class: t.class ?? "",
+    placeholder: t.placeholder ?? "Search...",
+    bind: t.bind ?? [t.state, "searchQuery"],
+    keyup: (e, s) => {
+      s.state && (s.state.open = !1), typeof t.filterOptions == "function" && t.filterOptions(), s.dropdown && s.dropdown.updatePosition(), t.keyup && t.keyup(e, s);
     },
-    pointerup: (t, s) => {
+    pointerup: (e, s) => {
       typeof s.toggleDropdown == "function" && s.toggleDropdown();
     },
-    keydown: (t) => [
-      typeof e.handleKeyDown == "function" && e.handleKeyDown(t)
+    keydown: (e) => [
+      typeof t.handleKeyDown == "function" && t.handleKeyDown(e)
     ]
   }),
-  e.icon && o({ class: "absolute flex right-0 mr-2" }, [
-    ht(e.icon)
+  t.icon && o({ class: "absolute flex right-0 mr-2" }, [
+    _(t.icon)
   ])
-])), re = (e) => o({
+])), je = (t) => o({
   class: "relative flex fle-auto flex-col",
-  onState: ["open", (t, s, a) => {
-    if (t)
-      return new ft({
+  onState: ["open", (e, s, a) => {
+    if (e)
+      return new le({
         cache: "dropdown",
         parent: a,
         button: a.input,
         size: "xl"
       }, [
-        oe(e)
+        $e(t)
       ]);
   }]
-}), Ye = dt(
+}), gt = V(
   {
     /**
      * This will set up the data object.
@@ -1370,10 +1056,10 @@ const ie = g(({ index: e, click: t, state: s }, a) => W({
      * @returns {object} - The data object.
      */
     setData() {
-      const e = this.options || [];
-      return new j({
-        options: e,
-        filteredOptions: e
+      const t = this.options || [];
+      return new C({
+        options: t,
+        filteredOptions: t
       });
     },
     /**
@@ -1394,10 +1080,10 @@ const ie = g(({ index: e, click: t, state: s }, a) => W({
      * @returns {void}
      */
     setSelectedIndexByQuery() {
-      const e = this.data.filteredOptions;
-      let { searchQuery: t } = this.state;
-      t = t.toLowerCase();
-      const s = e.findIndex((a) => a.label.toLowerCase() === t);
+      const t = this.data.filteredOptions;
+      let { searchQuery: e } = this.state;
+      e = e.toLowerCase();
+      const s = t.findIndex((a) => a.label.toLowerCase() === e);
       s >= 0 && (this.state.selectedIndex = s);
     },
     /**
@@ -1406,14 +1092,14 @@ const ie = g(({ index: e, click: t, state: s }, a) => W({
      * @returns {void}
      */
     filterOptions() {
-      const e = this.state.searchQuery.toLowerCase();
-      if (e === "" || e.length === 0) {
+      const t = this.state.searchQuery.toLowerCase();
+      if (t === "" || t.length === 0) {
         this.data.filteredOptions = this.data.options;
         return;
       }
-      const t = this.data.get("options");
-      this.data.filteredOptions = t.filter(
-        (s) => s.label.toLowerCase().includes(e)
+      const e = this.data.get("options");
+      this.data.filteredOptions = e.filter(
+        (s) => s.label.toLowerCase().includes(t)
       );
     },
     /**
@@ -1422,8 +1108,8 @@ const ie = g(({ index: e, click: t, state: s }, a) => W({
      * @returns {object}
      */
     getValue() {
-      const { selectedIndex: e } = this.state;
-      return e < 0 ? null : this.data.get(`filteredOptions[${e}]`);
+      const { selectedIndex: t } = this.state;
+      return t < 0 ? null : this.data.get(`filteredOptions[${t}]`);
     },
     /**
      * This will select an option.
@@ -1431,10 +1117,10 @@ const ie = g(({ index: e, click: t, state: s }, a) => W({
      * @param {number} index - The index of the option.
      * @returns {void}
      */
-    selectOption(e) {
-      this.state.selectedIndex = e;
-      const t = this.data.get(`filteredOptions[${e}]`);
-      this.state.searchQuery = t.label, this.state.open = !1, typeof this.onSelect == "function" && this.onSelect(t);
+    selectOption(t) {
+      this.state.selectedIndex = t;
+      const e = this.data.get(`filteredOptions[${t}]`);
+      this.state.searchQuery = e.label, this.state.open = !1, typeof this.onSelect == "function" && this.onSelect(e);
     },
     /**
      * Toggles the dropdown open state.
@@ -1448,9 +1134,9 @@ const ie = g(({ index: e, click: t, state: s }, a) => W({
      * @param {object} event - The event object.
      * @returns {void}
      */
-    handleKeyDown(e) {
-      const t = this.data.filteredOptions, { selectedIndex: s } = this.state;
-      e.key === "ArrowDown" ? (e.preventDefault(), this.state.selectedIndex = Math.min(s + 1, t.length - 1)) : e.key === "ArrowUp" ? (e.preventDefault(), this.state.selectedIndex = Math.max(s - 1, 0)) : e.key === "Enter" && s >= 0 && (e.preventDefault(), this.selectOption(s));
+    handleKeyDown(t) {
+      const e = this.data.filteredOptions, { selectedIndex: s } = this.state;
+      t.key === "ArrowDown" ? (t.preventDefault(), this.state.selectedIndex = Math.min(s + 1, e.length - 1)) : t.key === "ArrowUp" ? (t.preventDefault(), this.state.selectedIndex = Math.max(s - 1, 0)) : t.key === "Enter" && s >= 0 && (t.preventDefault(), this.selectOption(s));
     },
     /**
      * This will render the component.
@@ -1459,7 +1145,7 @@ const ie = g(({ index: e, click: t, state: s }, a) => W({
      */
     render() {
       return o({ class: "relative w-full max-w-md" }, [
-        le({
+        Ne({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -1471,7 +1157,7 @@ const ie = g(({ index: e, click: t, state: s }, a) => W({
           // @ts-ignore
           handleKeyDown: this.handleKeyDown.bind(this)
         }),
-        re({
+        je({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -1482,22 +1168,22 @@ const ie = g(({ index: e, click: t, state: s }, a) => W({
       ]);
     }
   }
-), ce = (e) => W(
+), Ae = (t) => S(
   {
     class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm",
-    dataSet: ["selected", ["state", e.value, "active"]]
+    dataSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    P({
+    k({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md",
-      onSet: ["selected", { selected: e.value }],
-      click: (t) => e.callBack(e.value)
-    }, e.label)
+      onSet: ["selected", { selected: t.value }],
+      click: (e) => t.callBack(t.value)
+    }, t.label)
   ]
-), de = (e, t) => (e.callBack = t, ce(e)), he = (e) => N({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${e.class}` }, [
-  B({ class: "flex flex-auto flex-row", map: [e.options, (t) => de(t, e.callBack)] })
+), Ue = (t, e) => (t.callBack = e, Ae(t)), Ye = (t) => I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
+  w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Ue(e, t.callBack)] })
 ]);
-class Ae extends m {
+class mt extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -1512,14 +1198,14 @@ class Ae extends m {
    * @returns {object}
    */
   render() {
-    const t = this.select.bind(this);
+    const e = this.select.bind(this);
     return o({ class: "" }, [
-      he({
+      Ye({
         class: this.class,
         options: this.options,
-        callBack: t
+        callBack: e
       }),
-      _({
+      z({
         class: "tab-content",
         onState: ["selected", this.updateContent.bind(this)]
       })
@@ -1531,8 +1217,8 @@ class Ae extends m {
    * @returns {*}
    */
   getFirstValue() {
-    var t;
-    return (t = this.options[0]) == null ? void 0 : t.value;
+    var e;
+    return (e = this.options[0]) == null ? void 0 : e.value;
   }
   /**
    * This will update the component.
@@ -1540,8 +1226,8 @@ class Ae extends m {
    * @returns {void}
    */
   update() {
-    const t = this.state.get("selected");
-    this.select(null), this.select(t);
+    const e = this.state.get("selected");
+    this.select(null), this.select(e);
   }
   /**
    * This will select a value.
@@ -1549,8 +1235,8 @@ class Ae extends m {
    * @param {*} value
    * @returns {void}
    */
-  select(t) {
-    this.state.selected = t;
+  select(e) {
+    this.state.selected = e;
   }
   /**
    * This will update the content.
@@ -1558,14 +1244,14 @@ class Ae extends m {
    * @param {*} value
    * @returns {object}
    */
-  updateContent(t) {
+  updateContent(e) {
     const s = this.options;
     if (!s || s.length < 1)
       return;
     const a = s[0];
-    for (const n of s)
-      if (n.value === t)
-        return n.layout;
+    for (const i of s)
+      if (i.value === e)
+        return i.layout;
     return a.layout;
   }
   /**
@@ -1574,34 +1260,34 @@ class Ae extends m {
    * @returns {object}
    */
   setupStates() {
-    const t = this.callBack, s = typeof t;
+    const e = this.callBack, s = typeof e;
     return {
       selected: {
         state: this.getFirstValue(),
         callBack(a) {
-          s === "function" && t(a);
+          s === "function" && e(a);
         }
       }
     };
   }
 }
-const ue = (e) => W(
+const He = (t) => S(
   {
     class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm",
-    dataSet: ["selected", ["state", e.value, "active"]]
+    dataSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    P({
+    k({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md disabled:opacity-50 disabled:cursor-not-allowed",
-      onSet: ["selected", { selected: e.value }],
-      click: (t) => e.callBack(e.value),
-      disabled: e.disabled
-    }, e.label)
+      onSet: ["selected", { selected: t.value }],
+      click: (e) => t.callBack(t.value),
+      disabled: t.disabled
+    }, t.label)
   ]
-), fe = (e, t) => (e.callBack = t, ue(e)), ge = (e) => N({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${e.class}` }, [
-  B({ class: "flex flex-auto flex-row", map: [e.options, (t) => fe(t, e.callBack)] })
+), Fe = (t, e) => (t.callBack = e, He(t)), Ee = (t) => I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
+  w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Fe(e, t.callBack)] })
 ]);
-class Fe extends m {
+class pt extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -1616,11 +1302,11 @@ class Fe extends m {
    * @returns {object}
    */
   render() {
-    const t = this.select.bind(this);
-    return ge({
+    const e = this.select.bind(this);
+    return Ee({
       class: this.class,
       options: this.options,
-      callBack: t
+      callBack: e
     });
   }
   /**
@@ -1629,8 +1315,8 @@ class Fe extends m {
    * @param {*} value
    * @returns {void}
    */
-  select(t) {
-    this.state.selected = t, typeof this.onSelect == "function" && this.onSelect(t, this.parent);
+  select(e) {
+    this.state.selected = e, typeof this.onSelect == "function" && this.onSelect(e, this.parent);
   }
   /**
    * This will setup the states.
@@ -1638,23 +1324,23 @@ class Fe extends m {
    * @returns {object}
    */
   setupStates() {
-    var t;
+    var e;
     return {
-      selected: ((t = this.options[0]) == null ? void 0 : t.value) || null
+      selected: ((e = this.options[0]) == null ? void 0 : e.value) || null
     };
   }
 }
-const me = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), pe = (e, t) => {
-  const s = e.getLinkPath();
-  return e.exact ? t === s : me(s, t);
-}, ye = ({ text: e, href: t, exact: s }) => new V({
-  text: e,
-  href: t,
+const Qe = (t, e) => new RegExp(`${t}($|/|\\.).*`).test(e), Xe = (t, e) => {
+  const s = t.getLinkPath();
+  return t.exact ? e === s : Qe(s, e);
+}, qe = ({ text: t, href: e, exact: s }) => new $({
+  text: t,
+  href: e,
   exact: s,
   dataSet: ["selected", ["state", !0, "active"]],
   class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm"
 });
-class we extends m {
+class Ke extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -1675,12 +1361,12 @@ class we extends m {
    * @returns {object}
    */
   render() {
-    return N({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
-      B({
+    return I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
+      w({
         class: "flex flex-auto flex-row",
-        map: [this.options, (t) => this.addLink(t)],
+        map: [this.options, (e) => this.addLink(e)],
         watch: {
-          value: ["[[path]]", O.data],
+          value: ["[[path]]", y.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -1692,8 +1378,8 @@ class we extends m {
    * @returns {void}
    */
   afterSetup() {
-    const t = O.data.path;
-    this.updateLinks(t);
+    const e = y.data.path;
+    this.updateLinks(e);
   }
   /**
    * This will update the links.
@@ -1701,12 +1387,12 @@ class we extends m {
    * @param {string} value
    * @returns {void}
    */
-  updateLinks(t) {
+  updateLinks(e) {
     let s = !1, a = this.links[0];
     this.deactivateAllLinks();
-    for (const n of this.links)
-      if (n.rendered !== !1 && (s = pe(n, t), s === !0)) {
-        this.updateLink(n, !0);
+    for (const i of this.links)
+      if (i.rendered !== !1 && (s = Xe(i, e), s === !0)) {
+        this.updateLink(i, !0);
         break;
       }
     s !== !0 && a && this.updateLink(a, !0);
@@ -1717,8 +1403,8 @@ class we extends m {
    * @returns {void}
    */
   deactivateAllLinks() {
-    for (const t of this.links)
-      this.updateLink(t, !1);
+    for (const e of this.links)
+      this.updateLink(e, !1);
   }
   /**
    * This will update the link.
@@ -1727,8 +1413,8 @@ class we extends m {
    * @param {boolean} selected
    * @returns {void}
    */
-  updateLink(t, s) {
-    t.update(s);
+  updateLink(e, s) {
+    e.update(s);
   }
   /**
    * This will add a link.
@@ -1736,9 +1422,9 @@ class we extends m {
    * @param {object} option
    * @returns {object}
    */
-  addLink({ label: t, href: s, exact: a }) {
-    const n = ye({ text: t, href: s, exact: a });
-    return this.links.push(n), n;
+  addLink({ label: e, href: s, exact: a }) {
+    const i = qe({ text: e, href: s, exact: a });
+    return this.links.push(i), i;
   }
   /**
    * This will remove all the links.
@@ -1749,7 +1435,7 @@ class we extends m {
     this.links = [];
   }
 }
-class He extends m {
+class wt extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -1765,11 +1451,11 @@ class He extends m {
    */
   render() {
     return o({ class: "tab-panel" }, [
-      new we({
+      new Ke({
         class: this.class,
         options: this.options
       }),
-      _({
+      z({
         class: "tab-content",
         switch: this.addGroup()
       })
@@ -1781,21 +1467,21 @@ class He extends m {
    * @returns {array}
    */
   addGroup() {
-    let t;
+    let e;
     const s = [], a = this.options;
-    for (let n = 0, i = a.length; n < i; n++)
-      t = a[n], s.push(
+    for (let i = 0, n = a.length; i < n; i++)
+      e = a[i], s.push(
         {
-          uri: t.uri || t.href,
-          component: t.component,
-          title: t.title || null,
+          uri: e.uri || e.href,
+          component: e.component,
+          title: e.title || null,
           persist: !0
         }
       );
     return s;
   }
 }
-class be extends m {
+class Ge extends h {
   /**
    * Runs before rendering, sets up defaults, a timer for drawing,
    * and basic canvas properties.
@@ -1804,8 +1490,8 @@ class be extends m {
    */
   onCreated() {
     this.lineWidth = this.lineWidth || 3, this.lineColor = this.lineColor || "#000000", this.canvas = null, this.ctx = null, this.status = "stopped";
-    const t = 1e3 / 60;
-    this.timer = new wt(t, this.draw.bind(this)), this.width = 0, this.height = 0, this.signed = !1, this.mouse = { x: 0, y: 0, status: "up" }, this.margin = this.margin || { x: 40, y: 60 }, this.targetSize = this.targetSize || { width: 740, height: 345 }, this.baseLineWidth = this.baseLineWidth || 2, this.baseStrokeColor = this.baseStrokeColor || "#000000";
+    const e = 1e3 / 60;
+    this.timer = new se(e, this.draw.bind(this)), this.width = 0, this.height = 0, this.signed = !1, this.mouse = { x: 0, y: 0, status: "up" }, this.margin = this.margin || { x: 40, y: 60 }, this.targetSize = this.targetSize || { width: 740, height: 345 }, this.baseLineWidth = this.baseLineWidth || 2, this.baseStrokeColor = this.baseStrokeColor || "#000000";
   }
   /**
    * Renders a <canvas> element.
@@ -1813,7 +1499,7 @@ class be extends m {
    * @returns {object} Layout definition for the canvas.
    */
   render() {
-    return ct({
+    return K({
       style: "touch-action: none; -webkit-user-select: none; -webkit-touch-callout: none;"
     });
   }
@@ -1843,13 +1529,13 @@ class be extends m {
    * @returns {Array} An array of [eventName, element, callback] definitions.
    */
   setupEvents() {
-    const t = this.panel, s = this.pointerPosition.bind(this), a = this.pointerUp.bind(this), n = this.pointerDown.bind(this), i = this.resize.bind(this), l = { passive: !1 };
+    const e = this.panel, s = this.pointerPosition.bind(this), a = this.pointerUp.bind(this), i = this.pointerDown.bind(this), n = this.resize.bind(this), l = { passive: !1 };
     return [
-      ["pointermove", t, s, l],
-      ["pointerup", t, a],
-      ["pointerdown", t, n, l],
-      ["pointerout", t, a],
-      ["resize", globalThis, i]
+      ["pointermove", e, s, l],
+      ["pointerup", e, a],
+      ["pointerdown", e, i, l],
+      ["pointerout", e, a],
+      ["resize", globalThis, n]
     ];
   }
   /**
@@ -1858,16 +1544,16 @@ class be extends m {
    * @param {Event} e The event object (mouse or touch).
    * @returns {void}
    */
-  getEventPosition(t) {
+  getEventPosition(e) {
     let s, a;
-    const n = this.canvas, i = n.width / parseInt(n.style.width), l = n.getBoundingClientRect();
-    if (t.touches && t.touches.length) {
-      const h = t.touches[0];
-      s = h.clientX, a = h.clientY;
+    const i = this.canvas, n = i.width / parseInt(i.style.width), l = i.getBoundingClientRect();
+    if (e.touches && e.touches.length) {
+      const f = e.touches[0];
+      s = f.clientX, a = f.clientY;
     } else
-      s = t.x || t.clientX, a = t.y || t.clientY;
-    const r = parseInt((s - l.left) * i), c = parseInt((a - l.top) * i);
-    this.mouse.x = r, this.mouse.y = c;
+      s = e.x || e.clientX, a = e.y || e.clientY;
+    const u = parseInt((s - l.left) * n), c = parseInt((a - l.top) * n);
+    this.mouse.x = u, this.mouse.y = c;
   }
   /**
    * Called when the pointer goes down on the canvas.
@@ -1876,8 +1562,8 @@ class be extends m {
    * @param {Event} e The event object.
    * @returns {void}
    */
-  pointerDown(t) {
-    t.preventDefault(), t.stopPropagation(), this.getEventPosition(t);
+  pointerDown(e) {
+    e.preventDefault(), e.stopPropagation(), this.getEventPosition(e);
     const { ctx: s, mouse: a } = this;
     s.beginPath(), s.moveTo(a.x, a.y), a.status = "down", this.startTimer();
   }
@@ -1888,8 +1574,8 @@ class be extends m {
    * @param {Event} e The event object.
    * @returns {void}
    */
-  pointerUp(t) {
-    t.preventDefault(), t.stopPropagation(), this.ctx.closePath(), this.mouse.status = "up", this.stopTimer();
+  pointerUp(e) {
+    e.preventDefault(), e.stopPropagation(), this.ctx.closePath(), this.mouse.status = "up", this.stopTimer();
   }
   /**
    * Tracks pointer movement, updates position in real time.
@@ -1897,8 +1583,8 @@ class be extends m {
    * @param {Event} e The event object.
    * @returns {void}
    */
-  pointerPosition(t) {
-    this.getEventPosition(t), this.mouse.status === "down" && (t.preventDefault(), t.stopPropagation());
+  pointerPosition(e) {
+    this.getEventPosition(e), this.mouse.status === "down" && (e.preventDefault(), e.stopPropagation());
   }
   /**
    * Resizes the canvas, preserves existing drawing by converting
@@ -1907,12 +1593,12 @@ class be extends m {
    * @returns {void}
    */
   resize() {
-    const { canvas: t, ctx: s } = this, a = t.toDataURL();
+    const { canvas: e, ctx: s } = this, a = e.toDataURL();
     if (this.scale(), this.setupBackground(s), a !== "data:,") {
-      const n = new globalThis.Image();
-      U.on("load", n, function i() {
-        s.drawImage(n, 0, 0), U.off("load", n, i);
-      }), n.src = a;
+      const i = new globalThis.Image();
+      M.on("load", i, function n() {
+        s.drawImage(i, 0, 0), M.off("load", i, n);
+      }), i.src = a;
     }
     this.draw();
   }
@@ -1931,8 +1617,8 @@ class be extends m {
    * @returns {void}
    */
   noScaleResize() {
-    const t = Q.getSize(container);
-    this.width = canvas.width = t.width, this.height = canvas.height = t.height;
+    const e = R.getSize(container);
+    this.width = canvas.width = e.width, this.height = canvas.height = e.height;
   }
   /**
    * Scales the canvas to fit within its container, preserving aspect ratio
@@ -1941,13 +1627,13 @@ class be extends m {
    * @returns {void}
    */
   scale() {
-    const t = this.canvas, s = this.container, a = Q.getSize(s), n = this.targetSize, i = n.width, l = n.height;
-    let r = i + "px", c = l + "px";
-    if (this.width = t.width = i, this.height = t.height = l, a.width !== 0 && a.height !== 0) {
-      const h = a.width, y = a.height, u = h / i, b = y / l, x = Math.min(u, b);
-      r = i * x + "px", c = l * x + "px";
+    const e = this.canvas, s = this.container, a = R.getSize(s), i = this.targetSize, n = i.width, l = i.height;
+    let u = n + "px", c = l + "px";
+    if (this.width = e.width = n, this.height = e.height = l, a.width !== 0 && a.height !== 0) {
+      const f = a.width, g = a.height, r = f / n, m = g / l, b = Math.min(r, m);
+      u = n * b + "px", c = l * b + "px";
     }
-    t.style.width = r, t.style.height = c;
+    e.style.width = u, e.style.height = c;
   }
   /**
    * Main drawing loop. If the mouse is down, adds a line
@@ -1964,11 +1650,11 @@ class be extends m {
    * @param {CanvasRenderingContext2D} ctx The canvas 2D context.
    * @returns {void}
    */
-  drawBottomLine(t) {
+  drawBottomLine(e) {
     const s = this.canvas;
-    t.globalAlpha = 1, t.shadowBlur = 0;
-    const a = this.margin.x, n = this.height - this.margin.y;
-    t.beginPath(), t.moveTo(a, n), t.lineTo(s.width - this.margin.x, n), t.lineWidth = this.baseLineWidth, t.strokeStyle = this.baseStrokeColor, t.stroke(), t.closePath();
+    e.globalAlpha = 1, e.shadowBlur = 0;
+    const a = this.margin.x, i = this.height - this.margin.y;
+    e.beginPath(), e.moveTo(a, i), e.lineTo(s.width - this.margin.x, i), e.lineWidth = this.baseLineWidth, e.strokeStyle = this.baseStrokeColor, e.stroke(), e.closePath();
   }
   /**
    * Adds a line to the current path, updating the 'signed' status.
@@ -1979,10 +1665,10 @@ class be extends m {
    * @param {string} color The stroke color.
    * @returns {void}
    */
-  addLine(t, s, a, n) {
+  addLine(e, s, a, i) {
     this.signed || (this.signed = !0);
-    const i = Math.round(s), l = Math.round(a);
-    t.lineWidth = this.lineWidth, t.strokeStyle = n, t.lineTo(i, l), t.stroke();
+    const n = Math.round(s), l = Math.round(a);
+    e.lineWidth = this.lineWidth, e.strokeStyle = i, e.lineTo(n, l), e.stroke();
   }
   /**
    * Clears the canvas, sets signed to false, and re-initializes
@@ -1992,8 +1678,8 @@ class be extends m {
    */
   reset() {
     this.signed = !1;
-    const { ctx: t } = this;
-    t.clearRect(0, 0, this.width, this.height), this.setupBackground(t);
+    const { ctx: e } = this;
+    e.clearRect(0, 0, this.width, this.height), this.setupBackground(e);
   }
   /**
    * Fills the canvas background with white and draws the baseline.
@@ -2001,8 +1687,8 @@ class be extends m {
    * @param {CanvasRenderingContext2D} ctx The canvas context.
    * @returns {void}
    */
-  setupBackground(t) {
-    t.fillStyle = "transparent", t.fillRect(0, 0, this.width, this.height), this.drawBottomLine(t);
+  setupBackground(e) {
+    e.fillStyle = "transparent", e.fillRect(0, 0, this.width, this.height), this.drawBottomLine(e);
   }
   /**
    * Starts the drawing timer so new lines can be added as pointer moves.
@@ -2021,7 +1707,7 @@ class be extends m {
     this.timer.stop(), this.status = "stopped";
   }
 }
-class Ee extends m {
+class bt extends h {
   /**
    * Sets up default properties for the signature panel.
    *
@@ -2038,19 +1724,19 @@ class Ee extends m {
    */
   render() {
     return o({ class: "signature-panel relative flex flex-auto overflow-hidden select-none" }, [
-      kt({
+      ne({
         cache: "hiddenInput",
         required: !0,
         bind: this.path + ".data"
       }),
       o({ class: "absolute top-2 right-2" }, [
-        p({
+        T({
           variant: "icon",
-          icon: v.circleX,
+          icon: x.circleX,
           click: this.reset.bind(this)
         })
       ]),
-      new be({
+      new Ge({
         cache: "canvasLayer",
         margin: this.margin,
         targetSize: this.targetSize,
@@ -2094,43 +1780,42 @@ class Ee extends m {
    * @param {Event} [e] The event object (if called by a click event).
    * @returns {void}
    */
-  reset(t) {
+  reset(e) {
     if (this.canvasLayer)
       return this.canvasLayer.reset();
   }
 }
 export {
-  Ne as B,
-  Ht as C,
-  Ut as D,
-  Et as H,
-  ze as I,
-  We as N,
-  et as O,
-  Me as P,
-  Re as R,
-  Pe as S,
-  H as T,
-  ee as U,
-  Be as W,
-  Ct as a,
-  X as b,
-  Dt as c,
-  Le as d,
-  Te as e,
-  Mt as f,
-  St as g,
-  Tt as h,
-  Bt as i,
-  tt as j,
-  Oe as k,
-  $e as l,
-  je as m,
-  Ye as n,
-  le as o,
-  Ae as p,
-  Fe as q,
-  we as r,
-  He as s,
-  Ee as t
+  ht as B,
+  be as C,
+  xe as D,
+  ye as H,
+  ft as I,
+  dt as N,
+  A as O,
+  at as P,
+  rt as S,
+  B as T,
+  Re as U,
+  ot as W,
+  he as a,
+  W as b,
+  ce as c,
+  it as d,
+  nt as e,
+  fe as f,
+  de as g,
+  me as h,
+  pe as i,
+  j,
+  lt as k,
+  ct as l,
+  ut as m,
+  gt as n,
+  Ne as o,
+  mt as p,
+  pt as q,
+  Ke as r,
+  wt as s,
+  bt as t
 };