@base-framework/ui 1.2.47 → 1.2.50

package/dist/{signature-panel-B63AkDZP.js → signature-panel-C0enb6BJ.js}

@@ -1,9 +1,9 @@
-import { Div as r, Button as v, On as j, Span as T, Nav as f, Ul as p, Section as y, Li as w, Canvas as z } from "@base-framework/atoms";
-import { Component as k, Data as I, DateTime as U, router as b, NavLink as S, base as L, Dom as B } from "@base-framework/base";
-import { f as C, av as A, b0 as u, a7 as F } from "./full-page-B94AsK9X.js";
-import { Icons as D } from "./icons.es.js";
-import { IntervalTimer as O } from "@base-framework/organisms";
-class Lt extends k {
+import { Div as r, Button as b, On as I, Span as M, Nav as f, Ul as p, Section as y, Li as w, Canvas as U } from "@base-framework/atoms";
+import { Component as k, Data as A, DateTime as F, router as v, NavLink as B, base as P, Dom as W } from "@base-framework/base";
+import { f as $, av as O, b0 as u, a7 as Y } from "./full-page-BSJ6rkbe.js";
+import { Icons as S } from "./icons.es.js";
+import { IntervalTimer as R } from "@base-framework/organisms";
+class Pt extends k {
   /**
    * This will declare the props for the compiler.
    *
@@ -21,77 +21,77 @@ class Lt extends k {
     return r({ class: this.class || "" }, this.children);
   }
 }
-const Y = (s) => {
+const E = (s) => {
   const t = new Date(s, 11, 31), e = new Date(s, 0, 1);
   return t.getDay() === 4 || // December 31 is a Thursday
   e.getDay() === 4;
-}, R = (s) => {
+}, G = (s) => {
   const t = new Date(s.valueOf()), e = (t.getDay() + 6) % 7;
   t.setDate(t.getDate() - e + 3);
-  const i = t.getFullYear(), a = new Date(i, 0, 4);
-  a.setDate(a.getDate() - (a.getDay() + 6) % 7);
-  const n = Math.ceil((t - a) / 6048e5) + 1;
-  return n > 52 && !Y(i) ? {
+  const i = t.getFullYear(), n = new Date(i, 0, 4);
+  n.setDate(n.getDate() - (n.getDay() + 6) % 7);
+  const a = Math.ceil((t - n) / 6048e5) + 1;
+  return a > 52 && !E(i) ? {
     weekNumber: 1,
     year: i + 1
   } : {
-    weekNumber: n,
+    weekNumber: a,
     year: i
   };
-}, E = (s, t, e) => {
+}, V = (s, t, e) => {
   if (e === 0) return [];
   const i = new Date(s, t, 0).getDate();
   return Array.from(
     { length: e },
-    (a, n) => new Date(s, t - 1, i - e + n + 1)
+    (n, a) => new Date(s, t - 1, i - e + a + 1)
   );
-}, G = (s, t, e) => Array.from({ length: e }, (i, a) => new Date(s, t + 1, a + 1)), P = (s, t) => {
-  const e = new Date(t, 0, 4), i = (e.getDay() + 6) % 7, a = new Date(e);
-  a.setDate(e.getDate() - i);
-  const n = new Date(a);
-  return n.setDate(a.getDate() + (s - 1) * 7), n;
-}, Bt = (s, t) => {
-  const e = new Date(s, t, 1).getDay(), i = new Date(s, t + 1, 0).getDate(), a = [];
-  let n = [];
+}, X = (s, t, e) => Array.from({ length: e }, (i, n) => new Date(s, t + 1, n + 1)), C = (s, t) => {
+  const e = new Date(t, 0, 4), i = (e.getDay() + 6) % 7, n = new Date(e);
+  n.setDate(e.getDate() - i);
+  const a = new Date(n);
+  return a.setDate(n.getDate() + (s - 1) * 7), a;
+}, Wt = (s, t) => {
+  const e = new Date(s, t, 1).getDay(), i = new Date(s, t + 1, 0).getDate(), n = [];
+  let a = [];
   for (let o = 1 - e; o <= i; o++) {
     const h = new Date(s, t, o);
-    n.push(o > 0 ? h : null), (n.length === 7 || o === i) && (a.push([...n]), n = []);
+    a.push(o > 0 ? h : null), (a.length === 7 || o === i) && (n.push([...a]), a = []);
   }
-  return a;
-}, Pt = (s, t) => {
+  return n;
+}, Ct = (s, t) => {
   const e = new Date(s, t + 1, 0).getDate(), i = [];
-  let a = [];
-  for (let n = 1; n <= e; n++)
-    a.push(new Date(s, t, n)), a.length === 7 && (i.push(a), a = []);
-  return a.length > 0 && i.push(a), i;
-}, V = (s, t, e) => {
+  let n = [];
+  for (let a = 1; a <= e; a++)
+    n.push(new Date(s, t, a)), n.length === 7 && (i.push(n), n = []);
+  return n.length > 0 && i.push(n), i;
+}, q = (s, t, e) => {
   const i = /* @__PURE__ */ new Date();
   return i.getDate() === s && i.getMonth() === t && i.getFullYear() === e;
-}, X = ({ day: s, month: t, year: e, weekNumber: i, selectWeek: a }) => {
-  const n = V(s, t, e);
-  return v({
+}, H = ({ day: s, month: t, year: e, weekNumber: i, selectWeek: n }) => {
+  const a = q(s, t, e);
+  return b({
     text: s || "",
     disabled: !s,
     class: `
 			px-2 py-1 text-center rounded-md
-			${n ? "bg-accent text-accent-foreground" : ""}
+			${a ? "bg-accent text-accent-foreground" : ""}
 			hover:bg-primary hover:text-primary-foreground
 		`,
-    click: () => a(i, e)
+    click: () => n(i, e)
   });
-}, q = (s, t) => {
-  const e = new Date(s, t, 1).getDay(), i = new Date(s, t + 1, 0).getDate(), a = E(s, t, e), n = Array.from({ length: i }, (c, m) => new Date(s, t, m + 1)), o = (a.length + n.length) % 7, h = o === 0 ? 0 : 7 - o, l = G(s, t, h), d = [...a, ...n, ...l], g = [];
+}, _ = (s, t) => {
+  const e = new Date(s, t, 1).getDay(), i = new Date(s, t + 1, 0).getDate(), n = V(s, t, e), a = Array.from({ length: i }, (c, m) => new Date(s, t, m + 1)), o = (n.length + a.length) % 7, h = o === 0 ? 0 : 7 - o, l = X(s, t, h), d = [...n, ...a, ...l], g = [];
   for (let c = 0; c < d.length; c += 7) {
-    const m = d.slice(c, c + 7), x = m.find((N) => N) || new Date(s, t, 1), { weekNumber: M, year: $ } = R(x);
+    const m = d.slice(c, c + 7), x = m.find((z) => z) || new Date(s, t, 1), { weekNumber: N, year: j } = G(x);
     g.push({
-      weekNumber: M,
-      year: $,
+      weekNumber: N,
+      year: j,
       days: m
     });
   }
   return g;
-}, H = ({ selectWeek: s }) => j("month", (t, e, { data: i }) => {
-  const { year: a, month: n, currentDate: o } = i, h = q(a, n);
+}, J = ({ selectWeek: s }) => I("month", (t, e, { data: i }) => {
+  const { year: n, month: a, currentDate: o } = i, h = _(n, a);
   return r(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
     [
@@ -102,7 +102,7 @@ const Y = (s) => {
           class: "grid grid-cols-7 col-span-7 text-center text-muted-foreground items-center"
         },
         ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(
-          (l) => T({ class: "px-1 py-1", text: l })
+          (l) => M({ class: "px-1 py-1", text: l })
         )
       ),
       // Render each "week" row
@@ -128,7 +128,7 @@ const Y = (s) => {
           r(
             { class: "grid grid-cols-7 col-span-7 text-center" },
             d.map(
-              (c) => X({
+              (c) => H({
                 year: c?.getFullYear() || null,
                 month: c?.getMonth() || null,
                 day: c?.getDate() || null,
@@ -141,7 +141,7 @@ const Y = (s) => {
       )
     ]
   );
-}), W = ({ label: s, click: t }) => C(
+}), T = ({ label: s, click: t }) => $(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -152,20 +152,20 @@ const Y = (s) => {
     click: t,
     "aria-label": `${s} month`,
     variant: "icon",
-    icon: s === "Previous" ? D.chevron.single.left : D.chevron.single.right
+    icon: s === "Previous" ? S.chevron.single.left : S.chevron.single.right
   }
-), _ = ({ next: s, previous: t }) => r({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
-  T("[[monthName]] [[year]]"),
-  W({
+), K = ({ next: s, previous: t }) => r({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
+  M("[[monthName]] [[year]]"),
+  T({
     label: "Previous",
     click: t
   }),
-  W({
+  T({
     label: "Next",
     click: s
   })
 ]);
-class Wt extends k {
+class Tt extends k {
   /**
    * This will declare the props for the compiler.
    *
@@ -180,8 +180,8 @@ class Wt extends k {
    * @returns {Data}
    */
   setData() {
-    const t = /* @__PURE__ */ new Date(), e = this.selectedWeek || this.calculateCurrentWeek(t), i = P(e, t.getFullYear());
-    return new I({
+    const t = /* @__PURE__ */ new Date(), e = this.selectedWeek || this.calculateCurrentWeek(t), i = C(e, t.getFullYear());
+    return new A({
       monthName: this.getMonthName(i.getMonth()),
       year: i.getFullYear(),
       month: i.getMonth(),
@@ -208,8 +208,8 @@ class Wt extends k {
   calculateCurrentWeek(t) {
     const e = new Date(t.valueOf()), i = (t.getDay() + 6) % 7;
     e.setDate(e.getDate() - i + 3);
-    const a = e.valueOf();
-    return e.setMonth(0, 1), e.getDay() !== 4 && e.setMonth(0, 1 + (4 - e.getDay() + 7) % 7), 1 + Math.ceil((a - e) / 6048e5);
+    const n = e.valueOf();
+    return e.setMonth(0, 1), e.getDay() !== 4 && e.setMonth(0, 1 + (4 - e.getDay() + 7) % 7), 1 + Math.ceil((n - e) / 6048e5);
   }
   /**
    * Gets the name of the month.
@@ -218,7 +218,7 @@ class Wt extends k {
    * @returns {string}
    */
   getMonthName(t) {
-    return U.monthNames[t];
+    return F.monthNames[t];
   }
   /**
    * Updates the calendar to show the previous month.
@@ -263,7 +263,7 @@ class Wt extends k {
    */
   selectWeek(t, e) {
     this.data.currentWeek = t;
-    const i = P(t, e);
+    const i = C(t, e);
     this.setDate(i.getMonth(), i.getFullYear(), i.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(t);
   }
   /**
@@ -273,24 +273,24 @@ class Wt extends k {
    */
   render() {
     return r({ class: "week-calendar-container border rounded-md p-3" }, [
-      _({
+      K({
         next: () => this.goToNextMonth(),
         previous: () => this.goToPreviousMonth()
       }),
-      H({
+      J({
         selectWeek: (t, e) => this.selectWeek(t, e)
       })
     ]);
   }
 }
-const J = (s, t) => t.includes(s), K = (s, t, e) => s.exact ? e === t : J(t, e), Q = ({ text: s, href: t, exact: e, hidden: i }) => new S({
+const Q = (s, t) => t.includes(s), Z = (s, t, e) => s.exact ? e === t : Q(t, e), tt = ({ text: s, href: t, exact: e, hidden: i }) => new B({
   text: s,
   href: t,
   exact: e,
   dataSet: ["selected", ["state", !0, "active"]],
   class: `${i ? "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 Tt extends k {
+class Mt extends k {
   /**
    * This will declare the props for the compiler.
    *
@@ -318,7 +318,7 @@ class Tt extends k {
           class: "flex gap-x-4",
           map: [this.options, (t) => this.addLink(t)],
           watch: {
-            value: ["[[path]]", b.data],
+            value: ["[[path]]", v.data],
             callBack: this.updateLinks.bind(this)
           }
         })
@@ -331,7 +331,7 @@ class Tt extends k {
    * @returns {void}
    */
   afterSetup() {
-    const t = b.data.path;
+    const t = v.data.path;
     this.updateLinks(t);
   }
   /**
@@ -343,10 +343,10 @@ class Tt extends k {
   updateLinks(t) {
     let e = !1;
     this.deactivateAllLinks();
-    for (const a of this.links) {
-      if (!a.rendered)
+    for (const n of this.links) {
+      if (!n.rendered)
         continue;
-      K(a, a.getLinkPath(), t) ? (this.updateLink(a, !0), e = !0) : this.updateLink(a, !1);
+      Z(n, n.getLinkPath(), t) ? (this.updateLink(n, !0), e = !0) : this.updateLink(n, !1);
     }
     const i = this?.links[0] ?? null;
     !e && i && this.updateLink(i, !0);
@@ -376,9 +376,9 @@ class Tt extends k {
    * @param {object} option
    * @returns {object}
    */
-  addLink({ label: t, href: e, exact: i, hidden: a }) {
-    const n = Q({ text: t, href: e, exact: i, hidden: a });
-    return this.links.push(n), n;
+  addLink({ label: t, href: e, exact: i, hidden: n }) {
+    const a = tt({ text: t, href: e, exact: i, hidden: n });
+    return this.links.push(a), a;
   }
   /**
    * This will clear the links.
@@ -389,7 +389,7 @@ class Tt extends k {
     this.links = [];
   }
 }
-class Ct extends A {
+class $t extends O {
   /**
    * This will get the overlay type.
    *
@@ -408,22 +408,22 @@ class Ct extends A {
     this.container = t, this.initialize();
   }
 }
-const Z = (s) => w(
+const et = (s) => w(
   {
     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",
     dataStateSet: ["selected", ["state", s.value, "active"]]
   },
   [
-    v({
+    b({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md",
       onState: ["selected", { selected: s.value }],
       click: (t) => s.callBack(s.value)
     }, s.label)
   ]
-), tt = (s, t) => (s.callBack = t, Z(s)), et = (s) => f({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${s.class}` }, [
-  p({ class: "flex flex-auto flex-row", map: [s.options, (t) => tt(t, s.callBack)] })
+), st = (s, t) => et({ ...s, callBack: t }), it = (s) => f({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${s.class}` }, [
+  p({ class: "flex flex-auto flex-row", map: [s.options, (t) => st(t, s.callBack)] })
 ]);
-class Mt extends u {
+class Nt extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -440,7 +440,7 @@ class Mt extends u {
   render() {
     const t = this.select.bind(this);
     return r({ class: "" }, [
-      et({
+      it({
         class: this.class,
         options: this.options,
         callBack: t
@@ -490,9 +490,9 @@ class Mt extends u {
     if (!e || e.length < 1)
       return;
     const i = e[0];
-    for (const a of e)
-      if (a.value === t)
-        return a.layout;
+    for (const n of e)
+      if (n.value === t)
+        return n.layout;
     return i.layout;
   }
   /**
@@ -512,23 +512,23 @@ class Mt extends u {
     };
   }
 }
-const st = (s) => w(
+const nt = (s) => w(
   {
     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",
     dataStateSet: ["selected", ["state", s.value, "active"]]
   },
   [
-    v({
+    b({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md disabled:opacity-50 disabled:cursor-not-allowed",
       onState: ["selected", { selected: s.value }],
       click: (t) => s.callBack(s.value),
       disabled: s.disabled
     }, s.label)
   ]
-), it = (s, t) => (s.callBack = t, st(s)), at = (s) => f({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${s.class}` }, [
-  p({ class: "flex flex-auto flex-row", map: [s.options, (t) => it(t, s.callBack)] })
+), at = (s, t) => nt({ ...s, callBack: t }), ot = (s) => f({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${s.class}` }, [
+  p({ class: "flex flex-auto flex-row", map: [s.options, (t) => at(t, s.callBack)] })
 ]);
-class $t extends u {
+class jt extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -544,7 +544,7 @@ class $t extends u {
    */
   render() {
     const t = this.select.bind(this);
-    return at({
+    return ot({
       class: this.class,
       options: this.options,
       callBack: t
@@ -571,17 +571,17 @@ class $t extends u {
     };
   }
 }
-const nt = (s, t) => new RegExp(`${s}($|/|\\.).*`).test(t), ot = (s, t) => {
+const D = /* @__PURE__ */ new Map(), lt = (s, t) => (D.has(s) || D.set(s, new RegExp(`${s}($|/|\\.).*`)), D.get(s).test(t)), rt = (s, t) => {
   const e = s.getLinkPath();
-  return s.exact ? t === e : nt(e, t);
-}, lt = ({ text: s, href: t, exact: e }) => new S({
+  return s.exact ? t === e : lt(e, t);
+}, ct = ({ text: s, href: t, exact: e }) => new B({
   text: s,
   href: t,
   exact: e,
   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 rt extends u {
+class ht extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -594,7 +594,7 @@ class rt extends u {
    * This will configure the links.
    */
   beforeSetup() {
-    this.links = [];
+    this.links = [], this.activeLink = null;
   }
   /**
    * This will render the component.
@@ -607,7 +607,7 @@ class rt extends u {
         class: "flex flex-auto flex-row",
         map: [this.options, (t) => this.addLink(t)],
         watch: {
-          value: ["[[path]]", b.data],
+          value: ["[[path]]", v.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -619,7 +619,7 @@ class rt extends u {
    * @returns {void}
    */
   afterSetup() {
-    const t = b.data.path;
+    const t = v.data.path;
     this.updateLinks(t);
   }
   /**
@@ -629,23 +629,14 @@ class rt extends u {
    * @returns {void}
    */
   updateLinks(t) {
-    let e = !1, i = this.links[0];
-    this.deactivateAllLinks();
-    for (const a of this.links)
-      if (a.rendered !== !1 && (e = ot(a, t), e === !0)) {
-        this.updateLink(a, !0);
+    const e = this.links[0];
+    let i = null;
+    for (const n of this.links)
+      if (n.rendered !== !1 && rt(n, t)) {
+        i = n;
         break;
       }
-    e !== !0 && i && this.updateLink(i, !0);
-  }
-  /**
-   * This will deactivate all links.
-   *
-   * @returns {void}
-   */
-  deactivateAllLinks() {
-    for (const t of this.links)
-      this.updateLink(t, !1);
+    i === null && e && (i = e), this.activeLink && this.activeLink !== i && this.updateLink(this.activeLink, !1), i && i !== this.activeLink && this.updateLink(i, !0), this.activeLink = i;
   }
   /**
    * This will update the link.
@@ -664,8 +655,8 @@ class rt extends u {
    * @returns {object}
    */
   addLink({ label: t, href: e, exact: i }) {
-    const a = lt({ text: t, href: e, exact: i });
-    return this.links.push(a), a;
+    const n = ct({ text: t, href: e, exact: i });
+    return this.links.push(n), n;
   }
   /**
    * This will remove all the links.
@@ -673,10 +664,10 @@ class rt extends u {
    * @returns {void}
    */
   beforeDestroy() {
-    this.links = [];
+    this.links = [], this.activeLink = null;
   }
 }
-class Nt extends u {
+class zt extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -692,7 +683,7 @@ class Nt extends u {
    */
   render() {
     return r({ class: "tab-panel" }, [
-      new rt({
+      new ht({
         class: this.class,
         options: this.options
       }),
@@ -710,8 +701,8 @@ class Nt extends u {
   addGroup() {
     let t;
     const e = [], i = this.options;
-    for (let a = 0, n = i.length; a < n; a++)
-      t = i[a], e.push(
+    for (let n = 0, a = i.length; n < a; n++)
+      t = i[n], e.push(
         {
           uri: t.uri || t.href,
           component: t.component || null,
@@ -723,22 +714,22 @@ class Nt extends u {
     return e;
   }
 }
-const ct = (s) => w(
+const dt = (s) => w(
   {
     class: "relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium text-muted-foreground transition-colors hover:text-foreground 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]:text-foreground after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:bg-primary after:transition-all after:duration-200 after:scale-x-0 data-[state=active]:after:scale-x-100",
     dataStateSet: ["selected", ["state", s.value, "active"]]
   },
   [
-    v({
+    b({
       class: "flex flex-auto justify-center items-center px-4 py-3 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
       onState: ["selected", { selected: s.value }],
       click: (t) => s.callBack(s.value)
     }, s.label)
   ]
-), ht = (s, t) => (s.callBack = t, ct(s)), dt = (s) => f({ class: `border-b border-border ${s.class}` }, [
-  p({ class: "flex flex-row items-center", map: [s.options, (t) => ht(t, s.callBack)] })
+), ut = (s, t) => (s.callBack = t, dt(s)), ft = (s) => f({ class: `border-b border-border ${s.class}` }, [
+  p({ class: "flex flex-row items-center", map: [s.options, (t) => ut(t, s.callBack)] })
 ]);
-class jt extends u {
+class It extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -755,7 +746,7 @@ class jt extends u {
   render() {
     const t = this.select.bind(this);
     return r({ class: "underlined-button-tab-panel flex flex-auto flex-col" }, [
-      dt({
+      ft({
         class: this.class,
         options: this.options,
         callBack: t
@@ -796,9 +787,9 @@ class jt extends u {
     if (!e || e.length < 1)
       return;
     const i = e[0];
-    for (const a of e)
-      if (a.value === t)
-        return a.component;
+    for (const n of e)
+      if (n.value === t)
+        return n.component;
     return i.component;
   }
   /**
@@ -818,23 +809,23 @@ class jt extends u {
     };
   }
 }
-const ut = (s) => w(
+const pt = (s) => w(
   {
     class: "relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium text-muted-foreground transition-colors hover:text-foreground 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]:text-foreground after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:bg-primary after:transition-all after:duration-200 after:scale-x-0 data-[state=active]:after:scale-x-100",
     dataStateSet: ["selected", ["state", s.value, "active"]]
   },
   [
-    v({
+    b({
       class: "flex flex-auto justify-center items-center px-4 py-3 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
       onState: ["selected", { selected: s.value }],
       click: (t) => s.callBack(s.value),
       disabled: s.disabled
     }, s.label)
   ]
-), ft = (s, t) => (s.callBack = t, ut(s)), pt = (s) => f({ class: `border-b border-border ${s.class}` }, [
-  p({ class: "flex flex-row items-center", map: [s.options, (t) => ft(t, s.callBack)] })
+), gt = (s, t) => pt({ ...s, callBack: t }), mt = (s) => f({ class: `border-b border-border ${s.class}` }, [
+  p({ class: "flex flex-row items-center", map: [s.options, (t) => gt(t, s.callBack)] })
 ]);
-class zt extends u {
+class Ut extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -850,7 +841,7 @@ class zt extends u {
    */
   render() {
     const t = this.select.bind(this);
-    return pt({
+    return mt({
       class: this.class,
       options: this.options,
       callBack: t
@@ -877,17 +868,17 @@ class zt extends u {
     };
   }
 }
-const gt = (s, t) => new RegExp(`${s}($|/|\\.).*`).test(t), mt = (s, t) => {
+const L = /* @__PURE__ */ new Map(), vt = (s, t) => (L.has(s) || L.set(s, new RegExp(`${s}($|/|\\.).*`)), L.get(s).test(t)), bt = (s, t) => {
   const e = s.getLinkPath();
-  return s.exact ? t === e : gt(e, t);
-}, bt = ({ text: s, href: t, exact: e }) => new S({
+  return s.exact ? t === e : vt(e, t);
+}, kt = ({ text: s, href: t, exact: e }) => new B({
   text: s,
   href: t,
   exact: e,
   dataSet: ["selected", ["state", !0, "active"]],
   class: "relative inline-flex items-center justify-center whitespace-nowrap px-4 py-3 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground 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]:text-foreground after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:bg-primary after:transition-all after:duration-200 after:scale-x-0 data-[state=active]:after:scale-x-100"
 });
-class vt extends u {
+class xt extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -900,7 +891,7 @@ class vt extends u {
    * This will configure the links.
    */
   beforeSetup() {
-    this.links = [];
+    this.links = [], this.activeLink = null;
   }
   /**
    * This will render the component.
@@ -914,7 +905,7 @@ class vt extends u {
         class: e,
         map: [this.options, (i) => this.addLink(i)],
         watch: {
-          value: ["[[path]]", b.data],
+          value: ["[[path]]", v.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -926,7 +917,7 @@ class vt extends u {
    * @returns {void}
    */
   afterSetup() {
-    const t = b.data.path;
+    const t = v.data.path;
     this.updateLinks(t);
   }
   /**
@@ -936,23 +927,14 @@ class vt extends u {
    * @returns {void}
    */
   updateLinks(t) {
-    let e = !1, i = this.links[0];
-    this.deactivateAllLinks();
-    for (const a of this.links)
-      if (a.rendered !== !1 && (e = mt(a, t), e === !0)) {
-        this.updateLink(a, !0);
+    const e = this.links[0];
+    let i = null;
+    for (const n of this.links)
+      if (n.rendered !== !1 && bt(n, t)) {
+        i = n;
         break;
       }
-    e !== !0 && i && this.updateLink(i, !0);
-  }
-  /**
-   * This will deactivate all links.
-   *
-   * @returns {void}
-   */
-  deactivateAllLinks() {
-    for (const t of this.links)
-      this.updateLink(t, !1);
+    i === null && e && (i = e), this.activeLink && this.activeLink !== i && this.updateLink(this.activeLink, !1), i && i !== this.activeLink && this.updateLink(i, !0), this.activeLink = i;
   }
   /**
    * This will update the link.
@@ -971,8 +953,8 @@ class vt extends u {
    * @returns {object}
    */
   addLink({ label: t, href: e, exact: i }) {
-    const a = bt({ text: t, href: e, exact: i });
-    return this.links.push(a), a;
+    const n = kt({ text: t, href: e, exact: i });
+    return this.links.push(n), n;
   }
   /**
    * This will remove all the links.
@@ -980,10 +962,10 @@ class vt extends u {
    * @returns {void}
    */
   beforeDestroy() {
-    this.links = [];
+    this.links = [], this.activeLink = null;
   }
 }
-class It extends u {
+class At extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -999,7 +981,7 @@ class It extends u {
    */
   render() {
     return r({ class: "underlined-tab-panel flex flex-auto flex-col" }, [
-      new vt({
+      new xt({
         class: this.class,
         options: this.options,
         scrollable: this.scrollable
@@ -1018,8 +1000,8 @@ class It extends u {
   addGroup() {
     let t;
     const e = [], i = this.options;
-    for (let a = 0, n = i.length; a < n; a++)
-      t = i[a], e.push(
+    for (let n = 0, a = i.length; n < a; n++)
+      t = i[n], e.push(
         {
           uri: t.uri || t.href,
           component: t.component || null,
@@ -1031,7 +1013,7 @@ class It extends u {
     return e;
   }
 }
-class kt extends k {
+class yt extends k {
   /**
    * Runs before rendering, sets up defaults, a timer for drawing,
    * and basic canvas properties.
@@ -1041,7 +1023,7 @@ class kt extends k {
   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 O(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";
+    this.timer = new R(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";
   }
   /**
    * Renders a <canvas> element.
@@ -1049,7 +1031,7 @@ class kt extends k {
    * @returns {object} Layout definition for the canvas.
    */
   render() {
-    return z({
+    return U({
       style: "touch-action: none; -webkit-user-select: none; -webkit-touch-callout: none;"
     });
   }
@@ -1079,13 +1061,13 @@ class kt extends k {
    * @returns {Array} An array of [eventName, element, callback] definitions.
    */
   setupEvents() {
-    const t = this.panel, e = this.pointerPosition.bind(this), i = this.pointerUp.bind(this), a = this.pointerDown.bind(this), n = this.resize.bind(this), o = { passive: !1 };
+    const t = this.panel, e = this.pointerPosition.bind(this), i = this.pointerUp.bind(this), n = this.pointerDown.bind(this), a = this.resize.bind(this), o = { passive: !1 };
     return [
       ["pointermove", t, e, o],
       ["pointerup", t, i],
-      ["pointerdown", t, a, o],
+      ["pointerdown", t, n, o],
       ["pointerout", t, i],
-      ["resize", globalThis, n]
+      ["resize", globalThis, a]
     ];
   }
   /**
@@ -1096,13 +1078,13 @@ class kt extends k {
    */
   getEventPosition(t) {
     let e, i;
-    const a = this.canvas, n = a.width / parseInt(a.style.width), o = a.getBoundingClientRect();
+    const n = this.canvas, a = n.width / parseInt(n.style.width), o = n.getBoundingClientRect();
     if (t.touches && t.touches.length) {
       const d = t.touches[0];
       e = d.clientX, i = d.clientY;
     } else
       e = t.x || t.clientX, i = t.y || t.clientY;
-    const h = parseInt((e - o.left) * n), l = parseInt((i - o.top) * n);
+    const h = parseInt((e - o.left) * a), l = parseInt((i - o.top) * a);
     this.mouse.x = h, this.mouse.y = l;
   }
   /**
@@ -1145,10 +1127,10 @@ class kt extends k {
   resize() {
     const { canvas: t, ctx: e } = this, i = t.toDataURL();
     if (this.scale(), this.setupBackground(e), i !== "data:,") {
-      const a = new globalThis.Image();
-      L.on("load", a, function n() {
-        e.drawImage(a, 0, 0), L.off("load", a, n);
-      }), a.src = i;
+      const n = new globalThis.Image();
+      P.on("load", n, function a() {
+        e.drawImage(n, 0, 0), P.off("load", n, a);
+      }), n.src = i;
     }
     this.draw();
   }
@@ -1167,7 +1149,7 @@ class kt extends k {
    * @returns {void}
    */
   noScaleResize() {
-    const t = B.getSize(container);
+    const t = W.getSize(container);
     this.width = canvas.width = t.width, this.height = canvas.height = t.height;
   }
   /**
@@ -1177,11 +1159,11 @@ class kt extends k {
    * @returns {void}
    */
   scale() {
-    const t = this.canvas, e = this.container, i = B.getSize(e), a = this.targetSize, n = a.width, o = a.height;
-    let h = n + "px", l = o + "px";
-    if (this.width = t.width = n, this.height = t.height = o, i.width !== 0 && i.height !== 0) {
-      const d = i.width, g = i.height, c = d / n, m = g / o, x = Math.min(c, m);
-      h = n * x + "px", l = o * x + "px";
+    const t = this.canvas, e = this.container, i = W.getSize(e), n = this.targetSize, a = n.width, o = n.height;
+    let h = a + "px", l = o + "px";
+    if (this.width = t.width = a, this.height = t.height = o, i.width !== 0 && i.height !== 0) {
+      const d = i.width, g = i.height, c = d / a, m = g / o, x = Math.min(c, m);
+      h = a * x + "px", l = o * x + "px";
     }
     t.style.width = h, t.style.height = l;
   }
@@ -1203,8 +1185,8 @@ class kt extends k {
   drawBottomLine(t) {
     const e = this.canvas;
     t.globalAlpha = 1, t.shadowBlur = 0;
-    const i = this.margin.x, a = this.height - this.margin.y;
-    t.beginPath(), t.moveTo(i, a), t.lineTo(e.width - this.margin.x, a), t.lineWidth = this.baseLineWidth, t.strokeStyle = this.baseStrokeColor, t.stroke(), t.closePath();
+    const i = this.margin.x, n = this.height - this.margin.y;
+    t.beginPath(), t.moveTo(i, n), t.lineTo(e.width - this.margin.x, n), t.lineWidth = this.baseLineWidth, t.strokeStyle = this.baseStrokeColor, t.stroke(), t.closePath();
   }
   /**
    * Adds a line to the current path, updating the 'signed' status.
@@ -1215,10 +1197,10 @@ class kt extends k {
    * @param {string} color The stroke color.
    * @returns {void}
    */
-  addLine(t, e, i, a) {
+  addLine(t, e, i, n) {
     this.signed || (this.signed = !0);
-    const n = Math.round(e), o = Math.round(i);
-    t.lineWidth = this.lineWidth, t.strokeStyle = a, t.lineTo(n, o), t.stroke();
+    const a = Math.round(e), o = Math.round(i);
+    t.lineWidth = this.lineWidth, t.strokeStyle = n, t.lineTo(a, o), t.stroke();
   }
   /**
    * Clears the canvas, sets signed to false, and re-initializes
@@ -1257,7 +1239,7 @@ class kt extends k {
     this.timer.stop(), this.status = "stopped";
   }
 }
-class Ut extends k {
+class Ft extends k {
   /**
    * Sets up default properties for the signature panel.
    *
@@ -1274,19 +1256,19 @@ class Ut extends k {
    */
   render() {
     return r({ class: "signature-panel relative flex flex-auto overflow-hidden select-none" }, [
-      F({
+      Y({
         cache: "hiddenInput",
         required: !0,
         bind: this.path + ".data"
       }),
       r({ class: "absolute top-2 right-2" }, [
-        C({
+        $({
           variant: "icon",
-          icon: D.circleX,
+          icon: S.circleX,
           click: this.reset.bind(this)
         })
       ]),
-      new kt({
+      new yt({
         cache: "canvasLayer",
         margin: this.margin,
         targetSize: this.targetSize,
@@ -1344,26 +1326,26 @@ class Ut extends k {
   }
 }
 export {
-  Mt as B,
-  Ct as I,
-  Tt as N,
-  Lt as P,
-  Ut as S,
-  Nt as T,
-  jt as U,
-  Wt as W,
-  $t as a,
-  rt as b,
-  It as c,
-  zt as d,
-  vt as e,
-  X as f,
-  H as g,
-  _ as h,
-  R as i,
-  Bt as j,
-  P as k,
-  Pt as l,
-  G as m,
-  E as n
+  Nt as B,
+  $t as I,
+  Mt as N,
+  Pt as P,
+  Ft as S,
+  zt as T,
+  It as U,
+  Tt as W,
+  jt as a,
+  ht as b,
+  At as c,
+  Ut as d,
+  xt as e,
+  H as f,
+  J as g,
+  K as h,
+  G as i,
+  Wt as j,
+  C as k,
+  Ct as l,
+  X as m,
+  V as n
 };