@base-framework/ui 1.0.311 → 1.0.312

package/dist/{empty-state-KpaoE_8g.js → empty-state-D1QN4wKI.js}

@@ -1,6 +1,6 @@
 import { Div as l, H5 as X, P as g, I as p, Li as q, Span as a, Ul as H, Button as f, OnState as I, Label as A, H2 as C, Form as Z, Header as $, Footer as P, A as Y, H3 as ee, Checkbox as te, Input as b, Img as _, Nav as se, UseParent as W, OnStateOpen as M, Time as oe, Dialog as le } from "@base-framework/atoms";
 import { Atom as c, Component as w, Html as j, Dom as ne, base as re, Data as F, Builder as G, Jot as v, Events as k, DateTime as L } from "@base-framework/base";
-import { P as S, b as ie, R as ae } from "./range-calendar-CnBylqhu.js";
+import { P as S, b as ie, R as ae } from "./range-calendar-BMWSJTE0.js";
 import { C as ce, F as ue, a as y } from "./veil-CVCuKSvj.js";
 import { B as h, I as m } from "./buttons-CHEs54Wl.js";
 import { Icons as u } from "./icons.es.js";

package/dist/index.es.js

@@ -3,9 +3,9 @@ import { B as u, I as g, L as C } from "./buttons-CHEs54Wl.js";
 import { C as T, F as b, V as D, a as I } from "./veil-CVCuKSvj.js";
 import { C as F, d as B, D as P, c as k, E as M, F as v, H as x, I as N, M as f, N as y, P as h, R as U, T as L, a as W, b as H, U as R, W as w } from "./inputs-9udyzkHR.js";
 import { Icons as G } from "./icons.es.js";
-import { A as E, B as V, C as j, w as q, K as J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, Q as $, O as aa, v as ea, c as sa, a as oa, b as ta, R as ra, l as na, g as la, i as ia, h as pa, j as da, e as ma, k as ua, F as ga, d as Ca, f as ca, I as Ta, L as ba, x as Da, M as Ia, o as Sa, N as Fa, P as Ba, s as Pa, t as ka, S as Ma, q as va, r as xa, T as Na, H as fa, J as ya, p as ha, u as Ua } from "./empty-state-KpaoE_8g.js";
-import { A as Wa, b as Ha, C as Ra, D as wa, a as Aa, F as Ga, M as Oa, P as Ea, R as Va, c as ja, g as qa, p as Ja } from "./range-calendar-CnBylqhu.js";
-import { B as Ka, p as Qa, C as _a, j as Xa, D as Ya, m as Za, k as $a, H as ae, I as ee, N as se, O as oe, P as te, S as re, n as ne, o as le, x as ie, s as pe, q as de, r as me, T as ue, t as ge, w as Ce, u as ce, v as Te, l as be, U as De, W as Ie, f as Se, h as Fe, i as Be, c as Pe, d as ke, b as Me, e as ve, a as xe, g as Ne } from "./signature-panel-CIjDPXqA.js";
+import { A as E, B as V, C as j, w as q, K as J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, Q as $, O as aa, v as ea, c as sa, a as oa, b as ta, R as ra, l as na, g as la, i as ia, h as pa, j as da, e as ma, k as ua, F as ga, d as Ca, f as ca, I as Ta, L as ba, x as Da, M as Ia, o as Sa, N as Fa, P as Ba, s as Pa, t as ka, S as Ma, q as va, r as xa, T as Na, H as fa, J as ya, p as ha, u as Ua } from "./empty-state-D1QN4wKI.js";
+import { A as Wa, b as Ha, C as Ra, D as wa, a as Aa, F as Ga, M as Oa, P as Ea, R as Va, c as ja, g as qa, p as Ja } from "./range-calendar-BMWSJTE0.js";
+import { B as Ka, p as Qa, C as _a, j as Xa, D as Ya, m as Za, k as $a, H as ae, I as ee, N as se, O as oe, P as te, S as re, n as ne, o as le, x as ie, s as pe, q as de, r as me, T as ue, t as ge, w as Ce, u as ce, v as Te, l as be, U as De, W as Ie, f as Se, h as Fe, i as Be, c as Pe, d as ke, b as Me, e as ve, a as xe, g as Ne } from "./signature-panel-1P_xBZA9.js";
 import { B as ye, I as he, M as Ue, d as Le, e as We, g as He, N as Re, b as we, a as Ae, f as Ge, P as Oe, c as Ee, S as Ve, T as je } from "./mobile-nav-wrapper-CWqhZ0qz.js";
 import { B as Je, a as ze, C as Ke, F as Qe, b as _e, c as Xe, M as Ye, P as Ze, S as $e } from "./sidebar-menu-page-UmKsAvjb.js";
 import { A as es, F as ss, M as os, a as ts, T as rs } from "./aside-template-sUm-F2f0.js";

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, B as t, C as e, w as r, K as i, y as n, z as m, E as l, G as d, D as C, m as p, n as S, Q as g, O as u, v as D, c, a as F, b as T, R as P, l as A, g as I, i as f, h as w, j as b, e as y, k as B, F as M, d as k, f as x, I as L, L as R, x as U, M as v, o as E, N, P as h, s as G, t as O, S as j, q, r as z, T as H, H as J, J as K, p as Q, u as _ } from "./empty-state-KpaoE_8g.js";
-import { A as W, P as X, g as Y } from "./range-calendar-CnBylqhu.js";
+import { A as s, B as t, C as e, w as r, K as i, y as n, z as m, E as l, G as d, D as C, m as p, n as S, Q as g, O as u, v as D, c, a as F, b as T, R as P, l as A, g as I, i as f, h as w, j as b, e as y, k as B, F as M, d as k, f as x, I as L, L as R, x as U, M as v, o as E, N, P as h, s as G, t as O, S as j, q, r as z, T as H, H as J, J as K, p as Q, u as _ } from "./empty-state-D1QN4wKI.js";
+import { A as W, P as X, g as Y } from "./range-calendar-BMWSJTE0.js";
 export {
   s as Alert,
   W as Avatar,

package/dist/organisms.es.js

@@ -1,5 +1,5 @@
-import { B as s, p as n, C as t, j as o, D as r, m as l, k as i, H as d, I as b, N as u, O as v, P as g, S as p, n as T, o as D, x as N, s as k, q as C, r as c, T as B, t as M, w as m, u as y, v as W, l as h, U as S, W as H, f as P, h as U, i as x, c as I, d as f, b as L, e as O, a as F, g as G } from "./signature-panel-CIjDPXqA.js";
-import { b as R, C as j, D as q, a as z, F as A, M as E, R as J, c as K, p as Q } from "./range-calendar-CnBylqhu.js";
+import { B as s, p as n, C as t, j as o, D as r, m as l, k as i, H as d, I as b, N as u, O as v, P as g, S as p, n as T, o as D, x as N, s as k, q as C, r as c, T as B, t as M, w as m, u as y, v as W, l as h, U as S, W as H, f as P, h as U, i as x, c as I, d as f, b as L, e as O, a as F, g as G } from "./signature-panel-1P_xBZA9.js";
+import { b as R, C as j, D as q, a as z, F as A, M as E, R as J, c as K, p as Q } from "./range-calendar-BMWSJTE0.js";
 import { B as X, I as Y, M as Z, d as _, e as $, g as aa, N as ea, b as sa, a as na, f as ta, P as oa, c as ra, S as la, T as ia } from "./mobile-nav-wrapper-CWqhZ0qz.js";
 export {
   s as BackButton,

package/dist/{range-calendar-CnBylqhu.js → range-calendar-BMWSJTE0.js}

@@ -1,14 +1,14 @@
 import { Div as h, Img as _, Span as H, Button as L, OnState as J, On as z } from "@base-framework/atoms";
-import { Component as O, Data as B, Atom as j, DateTime as T } from "@base-framework/base";
-import { B as f } from "./buttons-CHEs54Wl.js";
+import { Component as Y, Data as B, Atom as j, DateTime as T } from "@base-framework/base";
+import { B as m } from "./buttons-CHEs54Wl.js";
 import { Icons as P } from "./icons.es.js";
-const U = (n, t) => {
-  const e = n ? n.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = t.getBoundingClientRect(), s = 10, r = globalThis.scrollX, l = globalThis.scrollY;
-  let i = e.left + r, d = e.bottom + l;
-  const g = globalThis.innerHeight - e.bottom, m = e.top;
-  return i + a.width > globalThis.innerWidth && (i = globalThis.innerWidth - a.width - s), g < a.height && m > g ? d = e.top + l - a.height - s : g < a.height && (d = e.bottom + l - (a.height - g) - s), { x: i, y: d };
+const U = (e, t) => {
+  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = t.getBoundingClientRect(), s = 10, r = globalThis.scrollX, l = globalThis.scrollY;
+  let i = n.left + r, d = n.bottom + l;
+  const g = globalThis.innerHeight - n.bottom, f = n.top;
+  return i + a.width > globalThis.innerWidth && (i = globalThis.innerWidth - a.width - s), g < a.height && f > g ? d = n.top + l - a.height - s : g < a.height && (d = n.bottom + l - (a.height - g) - s), { x: i, y: d };
 };
-class Pt extends O {
+class Pt extends Y {
   /**
    * This will set up the data.
    *
@@ -59,7 +59,7 @@ class Pt extends O {
     return h({
       class: `absolute inset-auto fadeIn mt-2 rounded-md p-0 shadow-lg bg-popover min-h-12 backdrop:bg-transparent text-inherit r z-30 ${t}`,
       popover: "manual",
-      toggle: (e, { state: a }) => e.newState === "closed" ? a.open = !1 : null,
+      toggle: (n, { state: a }) => n.newState === "closed" ? a.open = !1 : null,
       style: "top: [[position.y]]px; left: [[position.x]]px"
     }, this.children);
   }
@@ -84,7 +84,7 @@ class Pt extends O {
    * @returns {void}
    */
   updatePosition() {
-    const t = this.button ?? null, e = this.panel, a = U(t, e);
+    const t = this.button ?? null, n = this.panel, a = U(t, n);
     this.data.position = a;
   }
   /**
@@ -136,16 +136,16 @@ class Pt extends O {
     this.panel.hidePopover();
   }
 }
-const q = j(({ src: n, alt: t }) => n ? _({
+const q = j(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : _({
   class: "absolute w-full h-full rounded-full object-cover fadeIn",
-  src: n,
+  src: e,
   alt: t,
   /**
    * If there's an error loading the image, hide it.
    */
-  error: (e) => e.target.style.display = "none"
-}) : null), K = (n) => n && (Array.isArray(n) && (n = n.join(" ")), typeof n != "string" && (n = String(n)), n.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), G = (n) => !n || n.length < 2 ? n : K(n), Q = (n) => H([n, (t, e) => {
-  e.textContent = G(t);
+  error: (n) => n.target.style.display = "none"
+})), K = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), G = (e) => !e || e.length < 2 ? e : K(e), Q = (e) => H([e, (t, n) => {
+  n.textContent = G(t);
 }]), A = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
@@ -166,8 +166,8 @@ const q = j(({ src: n, alt: t }) => n ? _({
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, V = (n) => A[n] || A.default, Z = (n) => I[n] || I.default, tt = (n, t = null, e = "md") => {
-  const a = G(n), s = Z(e);
+}, V = (e) => A[e] || A.default, Z = (e) => I[e] || I.default, tt = (e, t = null, n = "md") => {
+  const a = G(e), s = Z(n);
   return h(
     {
       class: `
@@ -180,49 +180,49 @@ const q = j(({ src: n, alt: t }) => n ? _({
       t ? Q(t) : H({ class: "uppercase" }, a)
     ]
   );
-}, Tt = j(({ src: n, alt: t, fallbackText: e, watcherFallback: a, size: s }) => {
+}, Tt = j(({ src: e, alt: t, fallbackText: n, watcherFallback: a, size: s }) => {
   const r = V(s);
   return h(
     {
       class: `relative flex items-center justify-center ${r}`
     },
     [
-      q({ src: n, alt: t }),
-      tt(e, a, s)
+      q({ src: e, alt: t }),
+      tt(n, a, s)
     ]
   );
-}), et = ({ currentMonth: n, currentYear: t, onSelect: e }) => h(
+}), et = ({ currentMonth: e, currentYear: t, onSelect: n }) => h(
   { class: "grid grid-cols-3 gap-2" },
   T.monthNames.map(
-    (a, s) => f(
+    (a, s) => m(
       {
         click: (r) => {
-          r.preventDefault(), r.stopPropagation(), e(s);
+          r.preventDefault(), r.stopPropagation(), n(s);
         },
-        variant: n === s ? "primary" : "ghost",
+        variant: e === s ? "primary" : "ghost",
         "aria-label": `Select ${a} ${t}`
       },
       a.substring(0, 3)
     )
   )
-), D = (n) => (n *= 1, n < 10 ? `0${n}` : String(n)), nt = (n) => (n.indexOf("T") === -1 && n.indexOf(" ") === -1 && (n += "T00:00:01"), n.replace(" ", "T"), n), w = (n, t, e) => `${n}-${D(t + 1)}-${D(e)}`, at = (n) => n ? "bg-accent text-primary" : "", st = (n) => n ? "text-muted-foreground opacity-50" : "", rt = (n, t) => n === t, ot = (n, t) => rt(n, t) ? "bg-primary text-primary-foreground" : "", it = (n, t, e, a) => {
+), D = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), nt = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), w = (e, t, n) => `${e}-${D(t + 1)}-${D(n)}`, at = (e) => e ? "bg-accent text-primary" : "", st = (e) => e ? "text-muted-foreground opacity-50" : "", rt = (e, t) => e === t, ot = (e, t) => rt(e, t) ? "bg-primary text-primary-foreground" : "", it = (e, t, n, a) => {
   const s = ot(t, a);
-  return s || (n ? at(n) : e ? st(e) : "text-foreground");
-}, N = (n) => {
+  return s || (e ? at(e) : n ? st(n) : "text-foreground");
+}, N = (e) => {
   const {
     day: t,
-    currentDate: e,
+    currentDate: n,
     date: a,
     isToday: s,
     isOutsideMonth: r,
     select: l,
     disabled: i
-  } = n;
+  } = e;
   return L(
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
-				${it(s, e, r, a)}
+				${it(s, n, r, a)}
 				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
                 disabled:pointer-events-none disabled:opacity-50
 			`,
@@ -233,79 +233,79 @@ const q = j(({ src: n, alt: t }) => n ? _({
     },
     t.toString()
   );
-}, Y = (n, t, e, a) => n === a.date && t === a.month && e === a.year, lt = (n, t, e, a = !1) => {
-  const { year: s, month: r } = n, l = w(s, r, n.date), i = new Date(s, r, 1).getDay(), d = new Date(s, r + 1, 0).getDate(), g = new Date(s, r, 0).getDate(), m = [], C = r === 0 ? 11 : r - 1, v = r === 0 ? s - 1 : s;
+}, O = (e, t, n, a) => e === a.date && t === a.month && n === a.year, lt = (e, t, n, a = !1) => {
+  const { year: s, month: r } = e, l = w(s, r, e.date), i = new Date(s, r, 1).getDay(), d = new Date(s, r + 1, 0).getDate(), g = new Date(s, r, 0).getDate(), f = [], C = r === 0 ? 11 : r - 1, v = r === 0 ? s - 1 : s;
   for (let o = i - 1; o >= 0; o--) {
-    const u = g - o, p = Y(u, C, v, t), y = new Date(v, C, u) < new Date(t.year, t.month, t.date), x = a && y;
-    m.push(
+    const u = g - o, p = O(u, C, v, t), y = new Date(v, C, u) < new Date(t.year, t.month, t.date), x = a && y;
+    f.push(
       N({
         day: u,
         currentDate: l,
         date: w(v, C, u),
         isToday: p,
         isOutsideMonth: !0,
-        select: e,
+        select: n,
         disabled: x
       })
     );
   }
   for (let o = 1; o <= d; o++) {
-    const u = Y(o, r, s, t), p = new Date(s, r, o) < new Date(t.year, t.month, t.date), y = a && p;
-    m.push(
+    const u = O(o, r, s, t), p = new Date(s, r, o) < new Date(t.year, t.month, t.date), y = a && p;
+    f.push(
       N({
         day: o,
         currentDate: l,
         date: w(s, r, o),
         isToday: u,
         isOutsideMonth: !1,
-        select: e,
+        select: n,
         disabled: y
       })
     );
   }
-  const b = r === 11 ? 0 : r + 1, $ = r === 11 ? s + 1 : s, c = (7 - m.length % 7) % 7;
+  const b = r === 11 ? 0 : r + 1, $ = r === 11 ? s + 1 : s, c = (7 - f.length % 7) % 7;
   for (let o = 1; o <= c; o++) {
-    const u = Y(o, b, $, t), p = new Date($, b, o) < new Date(t.year, t.month, t.date), y = a && p;
-    m.push(
+    const u = O(o, b, $, t), p = new Date($, b, o) < new Date(t.year, t.month, t.date), y = a && p;
+    f.push(
       N({
         day: o,
         currentDate: l,
         date: w($, b, o),
         isToday: u,
         isOutsideMonth: !0,
-        select: e,
+        select: n,
         disabled: y
       })
     );
   }
-  return m;
-}, R = ({ label: n, click: t }) => f(
+  return f;
+}, R = ({ label: e, click: t }) => m(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
 			opacity-50 hover:opacity-100 text-muted-foreground absolute
-			${n === "Previous" ? "left-1" : "right-1"}
+			${e === "Previous" ? "left-1" : "right-1"}
 			focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
 		  `,
     click: t,
-    "aria-label": `${n} month`,
+    "aria-label": `${e} month`,
     variant: "icon",
-    icon: n === "Previous" ? P.chevron.single.left : P.chevron.single.right
+    icon: e === "Previous" ? P.chevron.single.left : P.chevron.single.right
   }
-), ct = ({ onMonthClick: n, onYearClick: t, next: e, previous: a }) => h({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
-  f({ click: n, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
-  f({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
+), ct = ({ onMonthClick: e, onYearClick: t, next: n, previous: a }) => h({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
+  m({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
+  m({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
   R({ label: "Previous", click: a }),
-  R({ label: "Next", click: e })
-]), ht = (n) => h(
+  R({ label: "Next", click: n })
+]), ht = (e) => h(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
-  n
-), ut = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(ht), dt = (n) => h({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
+  e
+), ut = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(ht), dt = (e) => h({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
   ct({
-    onMonthClick: n.onMonthClick,
-    onYearClick: n.onYearClick,
-    next: n.next,
-    previous: n.previous
+    onMonthClick: e.onMonthClick,
+    onYearClick: e.onYearClick,
+    next: e.next,
+    previous: e.previous
   }),
   h({
     class: "flex flex-auto flex-col w-full",
@@ -316,24 +316,24 @@ const q = j(({ src: n, alt: t }) => n ? _({
         h(
           { class: "grid grid-cols-7" },
           lt(
-            n.current,
-            n.today,
-            n.select,
-            n.blockPriorDates
+            e.current,
+            e.today,
+            e.select,
+            e.blockPriorDates
           )
         )
       ]
     ]
   })
-]), gt = ({ currentMonth: n, currentYear: t, onSelect: e }) => {
+]), gt = ({ currentMonth: e, currentYear: t, onSelect: n }) => {
   const a = t - 50, s = Array.from({ length: 101 }, (r, l) => a + l);
   return h(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
     s.map(
-      (r) => f(
+      (r) => m(
         {
           click: (l) => {
-            l.preventDefault(), l.stopPropagation(), e(r);
+            l.preventDefault(), l.stopPropagation(), n(r);
           },
           variant: r === t ? "primary" : "ghost",
           "aria-label": `Select ${r}`
@@ -343,7 +343,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
     )
   );
 };
-class Nt extends O {
+class Nt extends Y {
   /**
    * This will declare the props for the compiler.
    *
@@ -359,8 +359,8 @@ class Nt extends O {
    * @returns {Date}
    */
   getSelectedDate(t) {
-    const e = this.selectedDate ? new Date(nt(this.selectedDate)) : t;
-    return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+    const n = this.selectedDate ? new Date(nt(this.selectedDate)) : t;
+    return new Date(n.getFullYear(), n.getMonth(), n.getDate());
   }
   /**
    * This will set up the data for the calendar.
@@ -368,13 +368,13 @@ class Nt extends O {
    * @returns {Data}
    */
   setData() {
-    const t = /* @__PURE__ */ new Date(), e = this.getSelectedDate(t), a = e.getMonth();
+    const t = /* @__PURE__ */ new Date(), n = this.getSelectedDate(t), a = n.getMonth();
     return new B({
       monthName: this.getMonthName(a),
-      currentDate: `${e.getFullYear()}-${a + 1}-${e.getDate()}`,
+      currentDate: `${n.getFullYear()}-${a + 1}-${n.getDate()}`,
       current: {
-        date: e.getDate(),
-        year: e.getFullYear(),
+        date: n.getDate(),
+        year: n.getFullYear(),
         month: a
       },
       today: {
@@ -411,8 +411,8 @@ class Nt extends O {
    */
   goToPreviousMonth() {
     const t = this.data;
-    let e = t.current.month, a = t.current.year;
-    e === 0 ? (e = 11, a--) : e--, this.setCurrentDate(e, a);
+    let n = t.current.month, a = t.current.year;
+    n === 0 ? (n = 11, a--) : n--, this.setCurrentDate(n, a);
   }
   /**
    * This will go to the next month.
@@ -421,8 +421,8 @@ class Nt extends O {
    */
   goToNextMonth() {
     const t = this.data;
-    let e = t.current.month, a = t.current.year;
-    e === 11 ? (e = 0, a++) : e++, this.setCurrentDate(e, a);
+    let n = t.current.month, a = t.current.year;
+    n === 11 ? (n = 0, a++) : n++, this.setCurrentDate(n, a);
   }
   /**
    * This will set the current month and year.
@@ -432,9 +432,9 @@ class Nt extends O {
    * @param {number} [date=null]
    * @returns {void}
    */
-  setCurrentDate(t, e, a = null) {
+  setCurrentDate(t, n, a = null) {
     const s = this.data;
-    s.current.month = t, s.current.year = e, typeof a == "number" && (s.current.date = D(a)), s.currentDate = `${e}-${D(t + 1)}-${s.current.date}`, s.monthName = this.getMonthName(t);
+    s.current.month = t, s.current.year = n, typeof a == "number" && (s.current.date = D(a)), s.currentDate = `${n}-${D(t + 1)}-${s.current.date}`, s.monthName = this.getMonthName(t);
   }
   /**
    * This will select a date.
@@ -443,8 +443,8 @@ class Nt extends O {
    * @returns {void}
    */
   selectDate(t) {
-    const e = /* @__PURE__ */ new Date(t + "T00:00:00");
-    this.setCurrentDate(e.getMonth(), e.getFullYear(), e.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(this.data.currentDate);
+    const n = /* @__PURE__ */ new Date(t + "T00:00:00");
+    this.setCurrentDate(n.getMonth(), n.getFullYear(), n.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(this.data.currentDate);
   }
   /**
    * This will render the calendar.
@@ -460,8 +460,8 @@ class Nt extends O {
               {
                 currentMonth: this.data.current.month,
                 currentYear: this.data.current.year,
-                onSelect: (e) => {
-                  this.setCurrentDate(e, this.data.current.year), this.state.view = "calendar";
+                onSelect: (n) => {
+                  this.setCurrentDate(n, this.data.current.year), this.state.view = "calendar";
                 }
               }
             );
@@ -470,8 +470,8 @@ class Nt extends O {
               {
                 currentMonth: this.data.current.month,
                 currentYear: this.data.current.year,
-                onSelect: (e) => {
-                  this.setCurrentDate(this.data.current.month, e), this.state.view = "calendar";
+                onSelect: (n) => {
+                  this.setCurrentDate(this.data.current.month, n), this.state.view = "calendar";
                 }
               }
             );
@@ -479,15 +479,15 @@ class Nt extends O {
             return dt({
               current: this.data.current,
               today: this.data.today,
-              select: (e) => this.selectDate(e),
+              select: (n) => this.selectDate(n),
               next: () => this.goToNextMonth(),
               previous: () => this.goToPreviousMonth(),
               blockPriorDates: this.blockPriorDates || !1,
-              onMonthClick: (e) => {
-                e.preventDefault(), e.stopPropagation(), this.state.view = "months";
+              onMonthClick: (n) => {
+                n.preventDefault(), n.stopPropagation(), this.state.view = "months";
               },
-              onYearClick: (e) => {
-                e.preventDefault(), e.stopPropagation(), this.state.view = "years";
+              onYearClick: (n) => {
+                n.preventDefault(), n.stopPropagation(), this.state.view = "years";
               }
             });
         }
@@ -495,44 +495,44 @@ class Nt extends O {
     ]);
   }
 }
-const W = ({ label: n, click: t }) => f(
+const W = ({ label: e, click: t }) => m(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
 			opacity-50 hover:opacity-100 text-muted-foreground absolute
-			${n === "Previous" ? "left-1" : "right-1"}
+			${e === "Previous" ? "left-1" : "right-1"}
 			focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
 		  `,
     click: t,
-    "aria-label": `${n} month`,
+    "aria-label": `${e} month`,
     variant: "icon",
-    icon: n === "Previous" ? P.chevron.single.left : P.chevron.single.right
+    icon: e === "Previous" ? P.chevron.single.left : P.chevron.single.right
   }
-), mt = ({ onMonthClick: n, onYearClick: t, next: e, previous: a }) => h({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
-  f({ click: n, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
-  f({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
+), ft = ({ onMonthClick: e, onYearClick: t, next: n, previous: a }) => h({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
+  m({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
+  m({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
   W({ label: "Previous", click: a }),
-  W({ label: "Next", click: e })
-]), ft = (n) => h({ class: "h-9 flex items-center justify-center font-medium" }, n), pt = () => h(
+  W({ label: "Next", click: n })
+]), mt = (e) => h({ class: "h-9 flex items-center justify-center font-medium" }, e), pt = () => h(
   { 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(ft)
-), yt = ({ day: n, iso: t, disabled: e, isStart: a, isEnd: s, isBetween: r, isOtherMonth: l, click: i }) => {
+  ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(mt)
+), yt = ({ day: e, iso: t, disabled: n, isStart: a, isEnd: s, isBetween: r, isOtherMonth: l, click: i }) => {
   let d = "ghost", g = "";
-  return a || s ? (d = "default", g = "bg-primary text-primary-foreground hover:bg-primary/90") : r && (g = "bg-accent text-accent-foreground hover:bg-accent/80"), e && (g += " opacity-50 cursor-not-allowed"), l && (g += " text-muted-foreground opacity-50"), f(
+  return a || s ? (d = "default", g = "bg-primary text-primary-foreground hover:bg-primary/90") : r && (g = "bg-accent text-accent-foreground hover:bg-accent/80"), n && (g += " opacity-50 cursor-not-allowed"), l && (g += " text-muted-foreground opacity-50"), m(
     {
       class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${g}`,
       variant: d,
-      disabled: e,
-      click: (m) => {
-        m.preventDefault(), m.stopPropagation(), e || i();
+      disabled: n,
+      click: (f) => {
+        f.preventDefault(), f.stopPropagation(), n || i();
       }
     },
-    n.toString()
+    e.toString()
   );
-}, Dt = ({ today: n, current: t, blockPriorDates: e, onDateClick: a }) => {
-  const { start: s, end: r } = t, l = new Date(t.year, t.month, 1).getDay(), i = new Date(t.year, t.month + 1, 0).getDate(), d = [], g = t.month === 0 ? 11 : t.month - 1, m = t.month === 0 ? t.year - 1 : t.year, C = new Date(m, g + 1, 0).getDate(), v = t.month === 11 ? 0 : t.month + 1, b = t.month === 11 ? t.year + 1 : t.year;
+}, Dt = ({ today: e, current: t, blockPriorDates: n, onDateClick: a }) => {
+  const { start: s, end: r } = t, l = new Date(t.year, t.month, 1).getDay(), i = new Date(t.year, t.month + 1, 0).getDate(), d = [], g = t.month === 0 ? 11 : t.month - 1, f = t.month === 0 ? t.year - 1 : t.year, C = new Date(f, g + 1, 0).getDate(), v = t.month === 11 ? 0 : t.month + 1, b = t.month === 11 ? t.year + 1 : t.year;
   for (let c = l - 1; c >= 0; c--) {
-    const o = C - c, u = w(m, g, o), p = new Date(m, g, o), y = new Date(n.year, n.month, n.date), x = p < y, M = e && x, S = s === u, k = r === u, X = s && r && u > s && u < r;
+    const o = C - c, u = w(f, g, o), p = new Date(f, g, o), y = new Date(e.year, e.month, e.date), x = p < y, M = n && x, S = s === u, k = r === u, X = s && r && u > s && u < r;
     d.push({
       day: o,
       iso: u,
@@ -545,7 +545,7 @@ const W = ({ label: n, click: t }) => f(
     });
   }
   for (let c = 1; c <= i; c++) {
-    const o = w(t.year, t.month, c), u = new Date(t.year, t.month, c), p = new Date(n.year, n.month, n.date), y = u < p, x = e && y, M = s === o, S = r === o, k = s && r && o > s && o < r;
+    const o = w(t.year, t.month, c), u = new Date(t.year, t.month, c), p = new Date(e.year, e.month, e.date), y = u < p, x = n && y, M = s === o, S = r === o, k = s && r && o > s && o < r;
     d.push({
       day: c,
       iso: o,
@@ -561,7 +561,7 @@ const W = ({ label: n, click: t }) => f(
   }
   const F = (7 - d.length % 7) % 7;
   for (let c = 1; c <= F; c++) {
-    const o = w(b, v, c), u = new Date(b, v, c), p = new Date(n.year, n.month, n.date), y = u < p, x = e && y, M = s === o, S = r === o, k = s && r && o > s && o < r;
+    const o = w(b, v, c), u = new Date(b, v, c), p = new Date(e.year, e.month, e.date), y = u < p, x = n && y, M = s === o, S = r === o, k = s && r && o > s && o < r;
     d.push({
       day: c,
       iso: o,
@@ -588,12 +588,12 @@ const W = ({ label: n, click: t }) => f(
       })
     )
   );
-}, xt = j((n, t) => h({ class: "flex flex-auto flex-col" }, [
-  mt({
-    onMonthClick: n.onMonthClick,
-    onYearClick: n.onYearClick,
-    next: n.next,
-    previous: n.previous
+}, xt = j((e, t) => h({ class: "flex flex-auto flex-col" }, [
+  ft({
+    onMonthClick: e.onMonthClick,
+    onYearClick: e.onYearClick,
+    next: e.next,
+    previous: e.previous
   }),
   h({
     class: "flex flex-auto flex-col w-full",
@@ -602,57 +602,57 @@ const W = ({ label: n, click: t }) => f(
       () => [
         pt(),
         Dt({
-          today: n.today,
-          current: n.current,
-          blockPriorDates: n.blockPriorDates,
-          onDateClick: n.onDateClick
+          today: e.today,
+          current: e.current,
+          blockPriorDates: e.blockPriorDates,
+          onDateClick: e.onDateClick
         })
       ]
     ]
   })
-])), wt = ({ currentMonth: n, currentYear: t, onSelect: e }) => h(
+])), wt = ({ currentMonth: e, currentYear: t, onSelect: n }) => h(
   { class: "grid grid-cols-3 gap-2" },
   T.monthNames.map(
-    (a, s) => f(
+    (a, s) => m(
       {
         click: (r) => {
-          r.preventDefault(), r.stopPropagation(), e(s);
+          r.preventDefault(), r.stopPropagation(), n(s);
         },
-        variant: n === s ? "primary" : "ghost",
+        variant: e === s ? "primary" : "ghost",
         "aria-label": `Select ${a} ${t}`
       },
       a.substring(0, 3)
     )
   )
-), vt = ({ start: n, end: t, selecting: e, onSelectStart: a, onSelectEnd: s }) => h({ class: "flex gap-x-2 mb-4" }, [
-  z("selecting", (r) => f({
+), vt = ({ start: e, end: t, selecting: n, onSelectStart: a, onSelectEnd: s }) => h({ class: "flex gap-x-2 mb-4" }, [
+  z("selecting", (r) => m({
     click: a,
     variant: r === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
     h({ class: "font-medium" }, E("current.start", "Start Date"))
   ])),
-  z("selecting", (r) => f({
+  z("selecting", (r) => m({
     click: s,
     variant: r === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
     h({ class: "font-medium" }, E("current.end", "End Date"))
   ]))
-]), E = (n, t) => [`[[${n}]]`, (e) => e == null ? t : bt(e)], bt = (n) => {
-  const t = /* @__PURE__ */ new Date(n + "T00:00:00"), e = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], a = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-  return `${e[t.getDay()]}, ${t.getDate()} ${a[t.getMonth()]}`;
-}, Ct = ({ currentYear: n, onSelect: t }) => {
-  const e = n - 50, a = Array.from({ length: 101 }, (s, r) => e + r);
+]), E = (e, t) => [`[[${e}]]`, (n) => n == null ? t : bt(n)], bt = (e) => {
+  const t = /* @__PURE__ */ new Date(e + "T00:00:00"), n = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], a = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+  return `${n[t.getDay()]}, ${t.getDate()} ${a[t.getMonth()]}`;
+}, Ct = ({ currentYear: e, onSelect: t }) => {
+  const n = e - 50, a = Array.from({ length: 101 }, (s, r) => n + r);
   return h(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
     a.map(
-      (s) => f(
+      (s) => m(
         {
           click: (r) => {
             r.preventDefault(), r.stopPropagation(), t(s);
           },
-          variant: s === n ? "primary" : "ghost",
+          variant: s === e ? "primary" : "ghost",
           "aria-label": `Select ${s}`
         },
         s.toString()
@@ -660,7 +660,7 @@ const W = ({ label: n, click: t }) => f(
     )
   );
 };
-class Yt extends O {
+class Ot extends Y {
   /**
    * Declare compiler props.
    *
@@ -675,7 +675,7 @@ class Yt extends O {
    * @returns {Data}
    */
   setData() {
-    const t = /* @__PURE__ */ new Date(), e = this.startDate ? /* @__PURE__ */ new Date(this.startDate + "T00:00:00") : t, a = e.getMonth(), s = e.getFullYear();
+    const t = /* @__PURE__ */ new Date(), n = this.startDate ? /* @__PURE__ */ new Date(this.startDate + "T00:00:00") : t, a = n.getMonth(), s = n.getFullYear();
     return new B({
       today: {
         date: t.getDate(),
@@ -683,7 +683,7 @@ class Yt extends O {
         year: t.getFullYear()
       },
       monthName: this.getMonthName(a),
-      currentData: `${e.getFullYear()}-${D(e.getMonth() + 1)}-${D(e.getDate())}`,
+      currentData: `${n.getFullYear()}-${D(n.getMonth() + 1)}-${D(n.getDate())}`,
       current: {
         date: t.getDate(),
         month: a,
@@ -723,19 +723,19 @@ class Yt extends O {
   handleClick(t) {
     if (this.data.selecting === "start") {
       this.data.current.start = t, this.data.current.end = null, this.data.selecting = "end";
-      const e = /* @__PURE__ */ new Date(t + "T00:00:00");
+      const n = /* @__PURE__ */ new Date(t + "T00:00:00");
       this.setCurrent({
-        month: e.getMonth(),
-        year: e.getFullYear(),
-        date: e.getDate()
+        month: n.getMonth(),
+        year: n.getFullYear(),
+        date: n.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 e = /* @__PURE__ */ new Date(t + "T00:00:00");
+      const n = /* @__PURE__ */ new Date(t + "T00:00:00");
       this.setCurrent({
-        month: e.getMonth(),
-        year: e.getFullYear(),
-        date: e.getDate()
+        month: n.getMonth(),
+        year: n.getFullYear(),
+        date: n.getDate()
       }), typeof this.onRangeSelect == "function" && this.onRangeSelect(this.data.current.start, this.data.current.end);
     }
   }
@@ -745,9 +745,9 @@ class Yt extends O {
    * @param {object} obj
    * @returns {void}
    */
-  setCurrent({ month: t, year: e, date: a = null }) {
+  setCurrent({ month: t, year: n, date: a = null }) {
     const s = this.data.current;
-    s.month = (t + 12) % 12, s.year = e + (t < 0 ? -1 : t > 11 ? 1 : 0), a !== null && (s.date = a), this.data.monthName = this.getMonthName(s.month), this.data.currentDate = `${e}-${D(t + 1)}-${D(s.date)}`;
+    s.month = (t + 12) % 12, s.year = n + (t < 0 ? -1 : t > 11 ? 1 : 0), a !== null && (s.date = a), this.data.monthName = this.getMonthName(s.month), this.data.currentDate = `${n}-${D(t + 1)}-${D(s.date)}`;
   }
   /**
    * Render the range calendar.
@@ -755,7 +755,7 @@ class Yt extends O {
    * @returns {object}
    */
   render() {
-    const { today: t, current: e, selecting: a } = this.data, { start: s, end: r } = e;
+    const { today: t, current: n, selecting: a } = this.data, { start: s, end: r } = n;
     return h({ class: "range-calendar border border-border rounded-lg shadow-md p-4 w-full max-w-sm min-w-80" }, [
       vt({
         start: s,
@@ -773,28 +773,28 @@ class Yt extends O {
           case "months":
             return wt(
               {
-                currentMonth: e.month,
-                currentYear: e.year,
+                currentMonth: n.month,
+                currentYear: n.year,
                 onSelect: (i) => {
-                  this.setCurrent({ month: i, year: e.year }), this.state.view = "calendar";
+                  this.setCurrent({ month: i, year: n.year }), this.state.view = "calendar";
                 }
               }
             );
           case "years":
             return Ct(
               {
-                currentYear: e.year,
+                currentYear: n.year,
                 onSelect: (i) => {
-                  this.setCurrent({ month: e.month, year: i }), this.state.view = "calendar";
+                  this.setCurrent({ month: n.month, year: i }), this.state.view = "calendar";
                 }
               }
             );
           default:
             return xt({
               monthName: this.data.monthName,
-              year: e.year,
+              year: n.year,
               today: t,
-              current: e,
+              current: n,
               blockPriorDates: this.blockPriorDates,
               onDateClick: (i) => this.handleClick(i),
               onMonthClick: (i) => {
@@ -824,7 +824,7 @@ export {
   w as F,
   dt as M,
   Pt as P,
-  Yt as R,
+  Ot as R,
   ht as a,
   Nt as b,
   nt as c,

package/dist/{signature-panel-CIjDPXqA.js → signature-panel-1P_xBZA9.js}

@@ -4,7 +4,7 @@ import { B as M, I as _ } from "./buttons-CHEs54Wl.js";
 import { Icons as D } 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-9udyzkHR.js";
-import { A as oe, P as le } from "./range-calendar-CnBylqhu.js";
+import { A as oe, P as le } from "./range-calendar-BMWSJTE0.js";
 h((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.311",
+	"version": "1.0.312",
 	"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": {