@base-framework/ui 1.2.53 → 1.2.55

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { A as s, a as o, B as t, b as n, c as r, d as l, e as i, f as u, C as p, g as m, h as d, i as g, j as c, k as T, l as b, m as I, n as C, o as S, p as F, q as D, r as B, D as P, s as k, t as M, u as v, v as N, w as f, x, y as h, z as y, E as U, F as W, G as w, H as L, I as H, J as A, K as G, L as R, M as E, N as O, O as V, P as Z, Q as j, R as J, S as _, T as q, U as z, V as K, W as Q, X, Y, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as na, a4 as ra, a5 as la, a6 as ia, a7 as ua, a8 as pa, a9 as ma, aa as da, ab as ga, ac as ca, ad as Ta, ae as ba, af as Ia, ag as Ca, ah as Sa, ai as Fa, aj as Da, ak as Ba, al as Pa, am as ka, an as Ma, ao as va, ap as Na, aq as fa, ar as xa, as as ha, at as ya, au as Ua, av as Wa, aw as wa, ax as La, ay as Ha, az as Aa, aA as Ga, aB as Ra, aC as Ea, aD as Oa, aE as Va, aF as Za, aG as ja, aH as Ja, aI as _a, aJ as qa, aK as za, aL as Ka, aM as Qa, aN as Xa, aO as Ya, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as ne, aW as re, aX as le, aY as ie, aZ as ue, a_ as pe, a$ as me, b0 as de, b1 as ge, b2 as ce, b3 as Te, b4 as be, b5 as Ie, b6 as Ce, b7 as Se } from "./full-page-sr9FKjeC.js";
+import { A as s, a as o, B as t, b as n, c as r, d as l, e as i, f as u, C as p, g as m, h as d, i as g, j as c, k as T, l as b, m as I, n as C, o as S, p as F, q as D, r as B, D as P, s as k, t as M, u as v, v as N, w as f, x, y as h, z as y, E as U, F as W, G as w, H as L, I as H, J as A, K as G, L as R, M as E, N as O, O as V, P as Z, Q as j, R as J, S as _, T as q, U as z, V as K, W as Q, X, Y, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as na, a4 as ra, a5 as la, a6 as ia, a7 as ua, a8 as pa, a9 as ma, aa as da, ab as ga, ac as ca, ad as Ta, ae as ba, af as Ia, ag as Ca, ah as Sa, ai as Fa, aj as Da, ak as Ba, al as Pa, am as ka, an as Ma, ao as va, ap as Na, aq as fa, ar as xa, as as ha, at as ya, au as Ua, av as Wa, aw as wa, ax as La, ay as Ha, az as Aa, aA as Ga, aB as Ra, aC as Ea, aD as Oa, aE as Va, aF as Za, aG as ja, aH as Ja, aI as _a, aJ as qa, aK as za, aL as Ka, aM as Qa, aN as Xa, aO as Ya, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as ne, aW as re, aX as le, aY as ie, aZ as ue, a_ as pe, a$ as me, b0 as de, b1 as ge, b2 as ce, b3 as Te, b4 as be, b5 as Ie, b6 as Ce, b7 as Se } from "./full-page-CI8OB56g.js";
 import { S as De } from "./skeleton-BlY3opxG.js";
 import { Icons as Pe, MaterialSymbols as ke } from "./icons.es.js";
-import { C as ve, D as Ne, a as fe, b as xe, c as he, d as ye, e as Ue, M as We, N as we, S as Le, f as He, g as Ae, h as Ge, T as Re, i as Ee } from "./confirmation-Bb4yyCdN.js";
-import { B as Ve, I as Ze, N as je, P as Je, S as _e, T as qe, a as ze, b as Ke, U as Qe, c as Xe, d as Ye, e as $e, W as as, f as es, g as ss, h as os, i as ts, j as ns, k as rs, l as ls, m as is, n as us } from "./signature-panel-CWJHFDAm.js";
-import { S as ms } from "./sidebar-menu-B8UI-iLE.js";
-import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-tF3Yc9nB.js";
+import { C as ve, D as Ne, a as fe, b as xe, c as he, d as ye, e as Ue, M as We, N as we, S as Le, f as He, g as Ae, h as Ge, T as Re, i as Ee } from "./confirmation-C9YqsZw-.js";
+import { B as Ve, I as Ze, N as je, P as Je, S as _e, T as qe, a as ze, b as Ke, U as Qe, c as Xe, d as Ye, e as $e, W as as, f as es, g as ss, h as os, i as ts, j as ns, k as rs, l as ls, m as is, n as us } from "./signature-panel-CovV7Mn6.js";
+import { S as ms } from "./sidebar-menu-hNb7NQ1x.js";
+import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-CQ_ExHtv.js";
 import { A as Ss, B as Fs, F as Ds, M as Bs, T as Ps, a as ks } from "./bside-template-C7AQgQ6H.js";
 import { F as vs, c as Ns } from "./format-DE4rFWuD.js";
 import { I as xs } from "./image-scaler-1G-JzJVG.js";

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, a as t, e, o as r, p as i, q as n, r as m, u as l, v as d, z as C, E as p, F as D, H as S, K as u, V as c, W as g, X as F, Y as T, Z as f, _ as b, $ as w, a1 as A, a2 as I, a3 as M, aa as P, af as y, aj as B, at as R, ay as U, az as k, aM as v, aR as x, aT as E, aV as L, b4 as N } from "./full-page-sr9FKjeC.js";
-import { C as z, D as V, a as _, b as j, c as q, d as G, e as H, M as K, N as O, S as W, f as X, g as Y, h as Z, T as $, i as J } from "./confirmation-Bb4yyCdN.js";
+import { A as s, a as t, e, o as r, p as i, q as n, r as m, u as l, v as d, z as C, E as p, F as D, H as S, K as u, V as c, W as g, X as F, Y as T, Z as f, _ as b, $ as w, a1 as A, a2 as I, a3 as M, aa as P, af as y, aj as B, at as R, ay as U, az as k, aM as v, aR as x, aT as E, aV as L, b4 as N } from "./full-page-CI8OB56g.js";
+import { C as z, D as V, a as _, b as j, c as q, d as G, e as H, M as K, N as O, S as W, f as X, g as Y, h as Z, T as $, i as J } from "./confirmation-C9YqsZw-.js";
 export {
   s as Alert,
   t as Avatar,

package/dist/organisms.es.js

@@ -1,6 +1,6 @@
-import { B as s, b as n, C as t, g as r, j as o, D as l, s as i, x as d, y as b, G as u, I as g, a4 as p, a6 as v, ab as D, ag as N, ak as T, al as k, am as C, ao as c, ap as m, aq as y, ar as B, as as S, av as h, aA as M, aD as W, aH as I, aI as U, aJ as H, aL as x, aN as P, aO as L, aU as f, a_ as G, a$ as O, b3 as j, b7 as F } from "./full-page-sr9FKjeC.js";
-import { B as w, I as A, N as J, P as R, S as _, T as $, a as z, b as E, U as K, c as Q, d as V, e as X, W as Y, f as Z, g as aa, h as ea, i as sa, j as na, k as ta, l as ra, m as oa, n as la } from "./signature-panel-CWJHFDAm.js";
-import { S as da } from "./sidebar-menu-B8UI-iLE.js";
+import { B as s, b as n, C as t, g as r, j as o, D as l, s as i, x as d, y as b, G as u, I as g, a4 as p, a6 as v, ab as D, ag as N, ak as T, al as k, am as C, ao as c, ap as m, aq as y, ar as B, as as S, av as h, aA as M, aD as W, aH as I, aI as U, aJ as H, aL as x, aN as P, aO as L, aU as f, a_ as G, a$ as O, b3 as j, b7 as F } from "./full-page-CI8OB56g.js";
+import { B as w, I as A, N as J, P as R, S as _, T as $, a as z, b as E, U as K, c as Q, d as V, e as X, W as Y, f as Z, g as aa, h as ea, i as sa, j as na, k as ta, l as ra, m as oa, n as la } from "./signature-panel-CovV7Mn6.js";
+import { S as da } from "./sidebar-menu-hNb7NQ1x.js";
 export {
   s as BackButton,
   n as Backdrop,

package/dist/pages.es.js

@@ -1,5 +1,5 @@
-import { d as s, a5 as g, ah as n, aw as P } from "./full-page-sr9FKjeC.js";
-import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-tF3Yc9nB.js";
+import { d as s, a5 as g, ah as n, aw as P } from "./full-page-CI8OB56g.js";
+import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-CQ_ExHtv.js";
 export {
   s as BasicPage,
   r as BlankPage,

package/dist/{sidebar-menu-B8UI-iLE.js → sidebar-menu-hNb7NQ1x.js}

@@ -1,5 +1,5 @@
 import { Div as r, Header as x, H1 as c } from "@base-framework/atoms";
-import { ab as n } from "./full-page-sr9FKjeC.js";
+import { ab as n } from "./full-page-CI8OB56g.js";
 const b = ({ title: l, options: a, class: s = "", mobileBorder: t = !1, sticky: e = !1, topNav: o = null, bottomNav: p = null }) => r({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] flex-auto flex-col ${s}` }, [
   o,
   l && x({ class: "pb-4 md:pb-2 px-6 flex" }, [

package/dist/{sidebar-menu-page-tF3Yc9nB.js → sidebar-menu-page-CQ_ExHtv.js}

@@ -1,7 +1,7 @@
 import { Div as s } from "@base-framework/atoms";
-import { d as a, ah as i, aw as r, al as n } from "./full-page-sr9FKjeC.js";
+import { d as a, ah as i, aw as r, al as n } from "./full-page-CI8OB56g.js";
 import { F as l, A as d } from "./bside-template-C7AQgQ6H.js";
-import { S as c } from "./sidebar-menu-B8UI-iLE.js";
+import { S as c } from "./sidebar-menu-hNb7NQ1x.js";
 class f extends a {
   /**
    * This will render the page.

package/dist/{signature-panel-CWJHFDAm.js → signature-panel-CovV7Mn6.js}

@@ -1,8 +1,8 @@
-import { Div as r, Button as b, On as U, Span as $, Nav as f, Ul as p, Section as y, Li as w, Canvas as F } from "@base-framework/atoms";
-import { Component as k, Data as O, DateTime as Y, router as v, NavLink as C, base as P, Dom as W } from "@base-framework/base";
-import { f as N, av as A, b0 as u, a7 as R } from "./full-page-sr9FKjeC.js";
+import { Div as r, Button as b, On as U, Span as $, Nav as f, Ul as p, Section as y, Li as w, Canvas as R } from "@base-framework/atoms";
+import { Component as k, Data as F, DateTime as O, router as v, NavLink as C, base as P, Dom as W } from "@base-framework/base";
+import { f as N, av as Y, b0 as d, a7 as A } from "./full-page-CI8OB56g.js";
 import { Icons as B } from "./icons.es.js";
-import { IntervalTimer as E } from "@base-framework/organisms";
+import { IntervalTimer as V } from "@base-framework/organisms";
 class Pt extends k {
   /**
    * This will declare the props for the compiler.
@@ -21,17 +21,17 @@ class Pt extends k {
     return r({ class: this.class || "" }, this.children);
   }
 }
-const G = (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;
-}, V = (s) => {
+}, G = (s) => {
   const t = new Date(s.valueOf()), e = (t.getDay() + 6) % 7;
   t.setDate(t.getDate() - e + 3);
   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 && !G(i) ? {
+  return a > 52 && !E(i) ? {
     weekNumber: 1,
     year: i + 1
   } : {
@@ -54,8 +54,8 @@ const G = (s) => {
   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);
-    a.push(o > 0 ? h : null), (a.length === 7 || o === i) && (n.push([...a]), a = []);
+    const c = new Date(s, t, o);
+    a.push(o > 0 ? c : null), (a.length === 7 || o === i) && (n.push([...a]), a = []);
   }
   return n;
 }, Tt = (s, t) => {
@@ -80,9 +80,9 @@ const G = (s) => {
     click: () => n(i, e)
   });
 }, J = (s, t) => {
-  const e = new Date(s, t, 1).getDay(), i = new Date(s, t + 1, 0).getDate(), n = X(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 = q(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((I) => I) || new Date(s, t, 1), { weekNumber: j, year: z } = V(x);
+  const e = new Date(s, t, 1).getDay(), i = new Date(s, t + 1, 0).getDate(), n = X(s, t, e), a = Array.from({ length: i }, (h, m) => new Date(s, t, m + 1)), o = (n.length + a.length) % 7, c = o === 0 ? 0 : 7 - o, l = q(s, t, c), u = [...n, ...a, ...l], g = [];
+  for (let h = 0; h < u.length; h += 7) {
+    const m = u.slice(h, h + 7), x = m.find((I) => I) || new Date(s, t, 1), { weekNumber: j, year: z } = G(x);
     g.push({
       weekNumber: j,
       year: z,
@@ -91,7 +91,7 @@ const G = (s) => {
   }
   return g;
 }, K = ({ selectWeek: s }) => U("month", (t, e, { data: i }) => {
-  const { year: n, month: a, currentDate: o } = i, h = J(n, a);
+  const { year: n, month: a, currentDate: o } = i, c = J(n, a);
   return r(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
     [
@@ -106,8 +106,8 @@ const G = (s) => {
         )
       ),
       // Render each "week" row
-      ...h.map(
-        ({ weekNumber: l, days: d, year: g }) => r({
+      ...c.map(
+        ({ weekNumber: l, days: u, year: g }) => r({
           class: "grid grid-cols-8 col-span-8 items-center ring-primary rounded-sm px-1",
           onSet: ["currentWeek", {
             ring: l
@@ -127,11 +127,11 @@ const G = (s) => {
           // The 7 cells for each day in the row
           r(
             { class: "grid grid-cols-7 col-span-7 text-center" },
-            d.map(
-              (c) => _({
-                year: c?.getFullYear() || null,
-                month: c?.getMonth() || null,
-                day: c?.getDate() || null,
+            u.map(
+              (h) => _({
+                year: h?.getFullYear() || null,
+                month: h?.getMonth() || null,
+                day: h?.getDate() || null,
                 weekNumber: l,
                 selectWeek: s
               })
@@ -181,7 +181,7 @@ class Mt extends k {
    */
   setData() {
     const t = /* @__PURE__ */ new Date(), e = this.selectedWeek || this.calculateCurrentWeek(t), i = T(e, t.getFullYear());
-    return new O({
+    return new F({
       monthName: this.getMonthName(i.getMonth()),
       year: i.getFullYear(),
       month: i.getMonth(),
@@ -218,7 +218,7 @@ class Mt extends k {
    * @returns {string}
    */
   getMonthName(t) {
-    return Y.monthNames[t];
+    return O.monthNames[t];
   }
   /**
    * Updates the calendar to show the previous month.
@@ -379,7 +379,7 @@ class $t extends k {
     this.links = [], this.activeLink = null;
   }
 }
-class Nt extends A {
+class Nt extends Y {
   /**
    * This will get the overlay type.
    *
@@ -413,7 +413,7 @@ const st = (s) => w(
 ), it = (s, t) => st({ ...s, callBack: t }), nt = (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)] })
 ]);
-class jt extends u {
+class jt extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -518,7 +518,7 @@ const at = (s) => w(
 ), ot = (s, t) => at({ ...s, callBack: t }), lt = (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) => ot(t, s.callBack)] })
 ]);
-class zt extends u {
+class zt extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -571,7 +571,7 @@ const L = /* @__PURE__ */ new Map(), rt = (s, t) => (L.has(s) || L.set(s, new Re
   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 dt extends u {
+class ut extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -657,7 +657,7 @@ class dt extends u {
     this.links = [], this.activeLink = null;
   }
 }
-class It extends u {
+class It extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -673,7 +673,7 @@ class It extends u {
    */
   render() {
     return r({ class: "tab-panel" }, [
-      new dt({
+      new ut({
         class: this.class,
         options: this.options
       }),
@@ -704,7 +704,7 @@ class It extends u {
     return e;
   }
 }
-const ut = (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"]]
@@ -716,10 +716,10 @@ const ut = (s) => w(
       click: (t) => s.callBack(s.value)
     }, s.label)
   ]
-), ft = (s, t) => (s.callBack = t, ut(s)), pt = (s) => f({ class: `border-b border-border ${s.class}` }, [
+), ft = (s, t) => (s.callBack = t, dt(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)] })
 ]);
-class Ut extends u {
+class Ut extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -815,7 +815,7 @@ const gt = (s) => w(
 ), mt = (s, t) => gt({ ...s, callBack: t }), vt = (s) => f({ class: `border-b border-border ${s.class}` }, [
   p({ class: "flex flex-row items-center", map: [s.options, (t) => mt(t, s.callBack)] })
 ]);
-class Ft extends u {
+class Rt extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -868,7 +868,7 @@ const S = /* @__PURE__ */ new Map(), bt = (s, t) => (S.has(s) || S.set(s, new Re
   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 yt extends u {
+class yt extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -934,7 +934,12 @@ class yt extends u {
    * @returns {void}
    */
   updateLink(t, e) {
-    t.update(e), e && this.scrollable && t.panel && t.panel.scrollIntoView({ behavior: "smooth", inline: "nearest", block: "nearest" });
+    if (t.update(e), e && this.scrollable && t.panel) {
+      const i = t.panel, n = i.closest("nav");
+      if (!n) return;
+      const a = i.getBoundingClientRect(), o = n.getBoundingClientRect();
+      a.left >= o.left && a.right <= o.right || i.scrollIntoView({ behavior: "smooth", inline: "nearest", block: "nearest" });
+    }
   }
   /**
    * This will add a link.
@@ -955,7 +960,7 @@ class yt extends u {
     this.links = [], this.activeLink = null;
   }
 }
-class Ot extends u {
+class Ft extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -1013,7 +1018,7 @@ class wt 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 E(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 V(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.
@@ -1021,7 +1026,7 @@ class wt extends k {
    * @returns {object} Layout definition for the canvas.
    */
   render() {
-    return F({
+    return R({
       style: "touch-action: none; -webkit-user-select: none; -webkit-touch-callout: none;"
     });
   }
@@ -1070,12 +1075,12 @@ class wt extends k {
     let e, i;
     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;
+      const u = t.touches[0];
+      e = u.clientX, i = u.clientY;
     } else
       e = t.x || t.clientX, i = t.y || t.clientY;
-    const h = parseInt((e - o.left) * a), l = parseInt((i - o.top) * a);
-    this.mouse.x = h, this.mouse.y = l;
+    const c = parseInt((e - o.left) * a), l = parseInt((i - o.top) * a);
+    this.mouse.x = c, this.mouse.y = l;
   }
   /**
    * Called when the pointer goes down on the canvas.
@@ -1150,12 +1155,12 @@ class wt extends k {
    */
   scale() {
     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";
+    let c = 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";
+      const u = i.width, g = i.height, h = u / a, m = g / o, x = Math.min(h, m);
+      c = a * x + "px", l = o * x + "px";
     }
-    t.style.width = h, t.style.height = l;
+    t.style.width = c, t.style.height = l;
   }
   /**
    * Main drawing loop. If the mouse is down, adds a line
@@ -1229,7 +1234,7 @@ class wt extends k {
     this.timer.stop(), this.status = "stopped";
   }
 }
-class Yt extends k {
+class Ot extends k {
   /**
    * Sets up default properties for the signature panel.
    *
@@ -1246,7 +1251,7 @@ class Yt extends k {
    */
   render() {
     return r({ class: "signature-panel relative flex flex-auto overflow-hidden select-none" }, [
-      R({
+      A({
         cache: "hiddenInput",
         required: !0,
         bind: this.path + ".data"
@@ -1320,19 +1325,19 @@ export {
   Nt as I,
   $t as N,
   Pt as P,
-  Yt as S,
+  Ot as S,
   It as T,
   Ut as U,
   Mt as W,
   zt as a,
-  dt as b,
-  Ot as c,
-  Ft as d,
+  ut as b,
+  Ft as c,
+  Rt as d,
   yt as e,
   _ as f,
   K as g,
   Q as h,
-  V as i,
+  G as i,
   Wt as j,
   T as k,
   Tt as l,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.2.53",
+	"version": "1.2.55",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {