@base-framework/ui 1.0.235 → 1.0.237

package/dist/{empty-state-BUAUwEQ4.js → empty-state-Ctcag00p.js}

@@ -1,6 +1,6 @@
 import { Div as n, H5 as W, P as g, I as f, Li as V, Span as i, Ul as q, Button as m, OnState as w, Label as J, Form as G, H2 as S, Header as D, Footer as P, A as H, H3 as K, Checkbox as Q, Nav as X, Input as y, UseParent as Z, Time as ee, Dialog as te } from "@base-framework/atoms";
 import { Atom as c, Component as v, Html as M, Dom as se, base as oe, Data as I, Builder as Y, Jot as $, DateTime as A } from "@base-framework/base";
-import { P as C, b as ne, R as le } from "./range-calendar-ClGfCsNx.js";
+import { P as C, b as ne, R as le } from "./range-calendar-CMYN-04x.js";
 import { B as h, I as b } from "./buttons-Cm9etaEG.js";
 import { Icons as u } from "./icons.es.js";
 import { Timer as re, List as ae, DynamicTime as ie } from "@base-framework/organisms";

package/dist/index.es.js

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

package/dist/molecules.es.js

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

package/dist/organisms.es.js

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

package/dist/{range-calendar-ClGfCsNx.js → range-calendar-CMYN-04x.js}

@@ -1,12 +1,12 @@
-import { Div as l, Img as _, Span as H, Button as L, OnState as J, On as z } from "@base-framework/atoms";
+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-Cm9etaEG.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, h = globalThis.scrollY;
-  let i = e.left + r, d = e.bottom + h;
+  const e = n ? n.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = t.getBoundingClientRect(), s = 10, r = globalThis.scrollX, c = globalThis.scrollY;
+  let i = e.left + r, d = e.bottom + c;
   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 + h - a.height - s : g < a.height && (d = e.bottom + h - (a.height - g) - s), { x: i, y: d };
+  return i + a.width > globalThis.innerWidth && (i = globalThis.innerWidth - a.width - s), g < a.height && m > g ? d = e.top + c - a.height - s : g < a.height && (d = e.bottom + c - (a.height - g) - s), { x: i, y: d };
 };
 class Pt extends O {
   /**
@@ -56,7 +56,7 @@ class Pt extends O {
    */
   render() {
     const t = this.getSize();
-    return l({
+    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,
@@ -168,7 +168,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
   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);
-  return l(
+  return h(
     {
       class: `
 			flex items-center justify-center w-full h-full rounded-full
@@ -182,7 +182,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
   );
 }, Tt = j(({ src: n, alt: t, fallbackText: e, watcherFallback: a, size: s }) => {
   const r = V(s);
-  return l(
+  return h(
     {
       class: `relative flex items-center justify-center ${r}`
     },
@@ -191,7 +191,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
       tt(e, a, s)
     ]
   );
-}), et = ({ currentMonth: n, currentYear: t, onSelect: e }) => l(
+}), et = ({ currentMonth: n, currentYear: t, onSelect: e }) => h(
   { class: "grid grid-cols-3 gap-2" },
   T.monthNames.map(
     (a, s) => f(
@@ -215,7 +215,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
     date: a,
     isToday: s,
     isOutsideMonth: r,
-    select: h,
+    select: c,
     disabled: i
   } = n;
   return L(
@@ -229,18 +229,18 @@ const q = j(({ src: n, alt: t }) => n ? _({
       disabled: i || t === null,
       "aria-label": t ? `Day ${t}` : null,
       // Only call select if it's not disabled.
-      click: () => !i && h(a)
+      click: () => !i && c(a)
     },
     t.toString()
   );
 }, Y = (n, t, e, a) => n === a.date && t === a.month && e === a.year, ct = (n, t, e, a = !1) => {
-  const { year: s, month: r } = n, h = 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;
+  const { year: s, month: r } = n, c = 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;
   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(
       N({
         day: u,
-        currentDate: h,
+        currentDate: c,
         date: w(v, C, u),
         isToday: p,
         isOutsideMonth: !0,
@@ -254,7 +254,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
     m.push(
       N({
         day: o,
-        currentDate: h,
+        currentDate: c,
         date: w(s, r, o),
         isToday: u,
         isOutsideMonth: !1,
@@ -263,13 +263,13 @@ const q = j(({ src: n, alt: t }) => n ? _({
       })
     );
   }
-  const b = r === 11 ? 0 : r + 1, $ = r === 11 ? s + 1 : s, c = (7 - m.length % 7) % 7;
-  for (let o = 1; o <= c; o++) {
+  const b = r === 11 ? 0 : r + 1, $ = r === 11 ? s + 1 : s, l = (7 - m.length % 7) % 7;
+  for (let o = 1; o <= l; 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(
       N({
         day: o,
-        currentDate: h,
+        currentDate: c,
         date: w($, b, o),
         isToday: u,
         isOutsideMonth: !0,
@@ -292,28 +292,28 @@ const q = j(({ src: n, alt: t }) => n ? _({
     variant: "icon",
     icon: n === "Previous" ? P.chevron.single.left : P.chevron.single.right
   }
-), lt = ({ onMonthClick: n, onYearClick: t, next: e, previous: a }) => l({ class: "flex items-center justify-center space-x-2 relative min-h-12 text-sm font-medium" }, [
+), lt = ({ onMonthClick: n, onYearClick: t, next: e, previous: a }) => h({ class: "flex items-center justify-center space-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]]"),
   R({ label: "Previous", click: a }),
   R({ label: "Next", click: e })
-]), ht = (n) => l(
+]), ht = (n) => 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) => l({ class: "rdp w-full space-y-1" }, [
+), ut = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(ht), dt = (n) => h({ class: "rdp w-full space-y-1" }, [
   lt({
     onMonthClick: n.onMonthClick,
     onYearClick: n.onYearClick,
     next: n.next,
     previous: n.previous
   }),
-  l({
+  h({
     class: "flex flex-auto flex-col w-full",
     onSet: [
       "currentDate",
       () => [
-        l({ class: "grid grid-cols-7" }, ut()),
-        l(
+        h({ class: "grid grid-cols-7" }, ut()),
+        h(
           { class: "grid grid-cols-7" },
           ct(
             n.current,
@@ -326,14 +326,14 @@ const q = j(({ src: n, alt: t }) => n ? _({
     ]
   })
 ]), gt = ({ currentMonth: n, currentYear: t, onSelect: e }) => {
-  const a = t - 50, s = Array.from({ length: 101 }, (r, h) => a + h);
-  return l(
+  const a = t - 50, s = Array.from({ length: 101 }, (r, c) => a + c);
+  return h(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
     s.map(
       (r) => f(
         {
-          click: (h) => {
-            h.preventDefault(), h.stopPropagation(), e(r);
+          click: (c) => {
+            c.preventDefault(), c.stopPropagation(), e(r);
           },
           variant: r === t ? "primary" : "ghost",
           "aria-label": `Select ${r}`
@@ -452,7 +452,7 @@ class Nt extends O {
    * @returns {object}
    */
   render() {
-    return l({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
+    return h({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
       J("view", (t) => {
         switch (t) {
           case "months":
@@ -508,17 +508,17 @@ const W = ({ label: n, click: t }) => f(
     variant: "icon",
     icon: n === "Previous" ? P.chevron.single.left : P.chevron.single.right
   }
-), mt = ({ onMonthClick: n, onYearClick: t, next: e, previous: a }) => l({ class: "flex items-center justify-center space-x-2 relative min-h-12 text-sm font-medium" }, [
+), mt = ({ onMonthClick: n, onYearClick: t, next: e, previous: a }) => h({ class: "flex items-center justify-center space-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]]"),
   W({ label: "Previous", click: a }),
   W({ label: "Next", click: e })
-]), ft = (n) => l({ class: "h-9 flex items-center justify-center font-medium" }, n), pt = () => l(
+]), ft = (n) => h({ class: "h-9 flex items-center justify-center font-medium" }, n), 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: h, click: i }) => {
+), yt = ({ day: n, iso: t, disabled: e, isStart: a, isEnd: s, isBetween: r, isOtherMonth: c, 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"), h && (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"), e && (g += " opacity-50 cursor-not-allowed"), c && (g += " text-muted-foreground opacity-50"), f(
     {
       class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${g}`,
       variant: d,
@@ -530,9 +530,9 @@ const W = ({ label: n, click: t }) => f(
     n.toString()
   );
 }, Dt = ({ today: n, current: t, blockPriorDates: e, onDateClick: a }) => {
-  const { start: s, end: r } = t, h = 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;
-  for (let c = h - 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 { start: s, end: r } = t, c = 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;
+  for (let l = c - 1; l >= 0; l--) {
+    const o = C - l, 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;
     d.push({
       day: o,
       iso: u,
@@ -544,10 +544,10 @@ const W = ({ label: n, click: t }) => f(
       click: () => a(u)
     });
   }
-  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;
+  for (let l = 1; l <= i; l++) {
+    const o = w(t.year, t.month, l), u = new Date(t.year, t.month, l), 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;
     d.push({
-      day: c,
+      day: l,
       iso: o,
       disabled: x,
       isStart: M,
@@ -560,10 +560,10 @@ 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;
+  for (let l = 1; l <= F; l++) {
+    const o = w(b, v, l), u = new Date(b, v, l), 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;
     d.push({
-      day: c,
+      day: l,
       iso: o,
       disabled: x,
       isStart: M,
@@ -573,29 +573,29 @@ const W = ({ label: n, click: t }) => f(
       click: () => a(o)
     });
   }
-  return l(
+  return h(
     { class: "grid grid-cols-7 gap-1" },
     d.map(
-      (c, o) => yt({
-        day: c.day,
-        iso: c.iso,
-        disabled: c.disabled,
-        isStart: c.isStart,
-        isEnd: c.isEnd,
-        isBetween: c.isBetween,
-        isOtherMonth: c.isOtherMonth,
-        click: c.click
+      (l, o) => yt({
+        day: l.day,
+        iso: l.iso,
+        disabled: l.disabled,
+        isStart: l.isStart,
+        isEnd: l.isEnd,
+        isBetween: l.isBetween,
+        isOtherMonth: l.isOtherMonth,
+        click: l.click
       })
     )
   );
-}, xt = j((n, t) => l({ class: "flex flex-auto flex-col" }, [
+}, xt = j((n, t) => h({ class: "flex flex-auto flex-col" }, [
   mt({
     onMonthClick: n.onMonthClick,
     onYearClick: n.onYearClick,
     next: n.next,
     previous: n.previous
   }),
-  l({
+  h({
     class: "flex flex-auto flex-col w-full",
     onSet: [
       "currentDate",
@@ -610,7 +610,7 @@ const W = ({ label: n, click: t }) => f(
       ]
     ]
   })
-])), wt = ({ currentMonth: n, currentYear: t, onSelect: e }) => l(
+])), wt = ({ currentMonth: n, currentYear: t, onSelect: e }) => h(
   { class: "grid grid-cols-3 gap-2" },
   T.monthNames.map(
     (a, s) => f(
@@ -624,27 +624,27 @@ const W = ({ label: n, click: t }) => f(
       a.substring(0, 3)
     )
   )
-), vt = ({ start: n, end: t, selecting: e, onSelectStart: a, onSelectEnd: s }) => l({ class: "flex space-x-2 mb-4" }, [
+), vt = ({ start: n, end: t, selecting: e, onSelectStart: a, onSelectEnd: s }) => h({ class: "flex space-x-2 mb-4" }, [
   z("selecting", (r) => f({
     click: a,
     variant: r === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    l({ class: "font-medium" }, E("current.start", "Start Date"))
+    h({ class: "font-medium" }, E("current.start", "Start Date"))
   ])),
   z("selecting", (r) => f({
     click: s,
     variant: r === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
-    l({ class: "font-medium" }, E("current.end", "End Date"))
+    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);
-  return l(
+  return h(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
     a.map(
       (s) => f(
@@ -756,16 +756,20 @@ class Yt extends O {
    */
   render() {
     const { today: t, current: e, selecting: a } = this.data, { start: s, end: r } = e;
-    return l({ class: "range-calendar bg-background border border-border rounded-lg shadow-md p-4 w-full max-w-sm min-w-80" }, [
+    return h({ class: "range-calendar bg-background border border-border rounded-lg shadow-md p-4 w-full max-w-sm min-w-80" }, [
       vt({
         start: s,
         end: r,
         selecting: a,
-        onSelectStart: () => this.data.selecting = "start",
-        onSelectEnd: () => this.data.selecting = "end"
+        onSelectStart: (c) => {
+          c.preventDefault(), c.stopPropagation(), this.data.selecting = "start";
+        },
+        onSelectEnd: (c) => {
+          c.preventDefault(), c.stopPropagation(), this.data.selecting = "end";
+        }
       }),
-      J("view", (h) => {
-        switch (h) {
+      J("view", (c) => {
+        switch (c) {
           case "months":
             return wt(
               {

package/dist/{signature-panel-CMGnCqcg.js → signature-panel-Bkj-9bST.js}

@@ -4,7 +4,7 @@ import { B as T, I as _ } from "./buttons-Cm9etaEG.js";
 import { Icons as x } from "./icons.es.js";
 import { TableBody as J, DataTableBody as Z, ScrollableTableBody as ee, List as te, IntervalTimer as se } from "@base-framework/organisms";
 import { C as ae, I as ie, H as ne } from "./inputs-CMjx5-IX.js";
-import { A as oe, P as le } from "./range-calendar-ClGfCsNx.js";
+import { A as oe, P as le } from "./range-calendar-CMYN-04x.js";
 d((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.235",
+	"version": "1.0.237",
 	"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": {