@base-framework/ui 1.0.233 → 1.0.234

package/dist/{empty-state-C4Pnrs-y.js → empty-state-25yJkl5U.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-ZAHrVCgV.js";
+import { P as C, b as ne, R as le } from "./range-calendar-ppUinoRx.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-C4Pnrs-y.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-ZAHrVCgV.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-DhtJwt4P.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-25yJkl5U.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-ppUinoRx.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-CoExCJGP.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-C4Pnrs-y.js";
-import { A as O, P as _, g as K } from "./range-calendar-ZAHrVCgV.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-25yJkl5U.js";
+import { A as O, P as _, g as K } from "./range-calendar-ppUinoRx.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-DhtJwt4P.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-ZAHrVCgV.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-CoExCJGP.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-ppUinoRx.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-ZAHrVCgV.js → range-calendar-ppUinoRx.js}

@@ -1,14 +1,14 @@
 import { Div as l, 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 P } from "@base-framework/base";
-import { B as m } from "./buttons-Cm9etaEG.js";
-import { Icons as T } from "./icons.es.js";
+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 g = globalThis.innerHeight - e.bottom, f = e.top;
-  return i + a.width > globalThis.innerWidth && (i = globalThis.innerWidth - a.width - s), g < a.height && f > g ? d = e.top + h - a.height - s : g < a.height && (d = e.bottom + h - (a.height - g) - s), { x: i, y: d };
+  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 };
 };
-class Tt extends O {
+class Pt extends O {
   /**
    * This will set up the data.
    *
@@ -180,7 +180,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
       t ? Q(t) : H({ class: "uppercase" }, a)
     ]
   );
-}, Pt = j(({ src: n, alt: t, fallbackText: e, watcherFallback: a, size: s }) => {
+}, Tt = j(({ src: n, alt: t, fallbackText: e, watcherFallback: a, size: s }) => {
   const r = V(s);
   return l(
     {
@@ -193,8 +193,8 @@ const q = j(({ src: n, alt: t }) => n ? _({
   );
 }), et = ({ currentMonth: n, currentYear: t, onSelect: e }) => l(
   { class: "grid grid-cols-3 gap-2" },
-  P.monthNames.map(
-    (a, s) => m(
+  T.monthNames.map(
+    (a, s) => f(
       {
         click: (r) => {
           r.preventDefault(), r.stopPropagation(), e(s);
@@ -234,10 +234,10 @@ const q = j(({ src: n, alt: t }) => n ? _({
     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(), f = [], C = r === 0 ? 11 : r - 1, v = r === 0 ? s - 1 : s;
+  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;
   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;
-    f.push(
+    m.push(
       N({
         day: u,
         currentDate: h,
@@ -251,7 +251,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
   }
   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;
-    f.push(
+    m.push(
       N({
         day: o,
         currentDate: h,
@@ -263,10 +263,10 @@ const q = j(({ src: n, alt: t }) => n ? _({
       })
     );
   }
-  const b = r === 11 ? 0 : r + 1, $ = r === 11 ? s + 1 : s, c = (7 - f.length % 7) % 7;
+  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 u = Y(o, b, $, t), p = new Date($, b, o) < new Date(t.year, t.month, t.date), y = a && p;
-    f.push(
+    m.push(
       N({
         day: o,
         currentDate: h,
@@ -278,8 +278,8 @@ const q = j(({ src: n, alt: t }) => n ? _({
       })
     );
   }
-  return f;
-}, R = ({ label: n, click: t }) => m(
+  return m;
+}, R = ({ label: n, click: t }) => f(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -290,11 +290,11 @@ const q = j(({ src: n, alt: t }) => n ? _({
     click: t,
     "aria-label": `${n} month`,
     variant: "icon",
-    icon: n === "Previous" ? T.chevron.single.left : T.chevron.single.right
+    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" }, [
-  m({ click: n, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
-  m({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
+  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(
@@ -330,7 +330,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
   return l(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
     s.map(
-      (r) => m(
+      (r) => f(
         {
           click: (h) => {
             h.preventDefault(), h.stopPropagation(), e(r);
@@ -402,7 +402,7 @@ class Nt extends O {
    * @returns {string}
    */
   getMonthName(t) {
-    return P.monthNames[t];
+    return T.monthNames[t];
   }
   /**
    * This will go to the previous month.
@@ -495,7 +495,7 @@ class Nt extends O {
     ]);
   }
 }
-const W = ({ label: n, click: t }) => m(
+const W = ({ label: n, click: t }) => f(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -506,11 +506,11 @@ const W = ({ label: n, click: t }) => m(
     click: t,
     "aria-label": `${n} month`,
     variant: "icon",
-    icon: n === "Previous" ? T.chevron.single.left : T.chevron.single.right
+    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" }, [
-  m({ click: n, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
-  m({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
+  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(
@@ -518,21 +518,21 @@ const W = ({ label: n, click: t }) => m(
   ["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 }) => {
   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"), m(
+  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(
     {
       class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${g}`,
       variant: d,
       disabled: e,
-      click: () => {
-        e || i();
+      click: (m) => {
+        m.preventDefault(), m.stopPropagation(), e || i();
       }
     },
     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, 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;
+  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(f, g, o), p = new Date(f, 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(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,
@@ -612,8 +612,8 @@ const W = ({ label: n, click: t }) => m(
   })
 ])), wt = ({ currentMonth: n, currentYear: t, onSelect: e }) => l(
   { class: "grid grid-cols-3 gap-2" },
-  P.monthNames.map(
-    (a, s) => m(
+  T.monthNames.map(
+    (a, s) => f(
       {
         click: (r) => {
           r.preventDefault(), r.stopPropagation(), e(s);
@@ -625,14 +625,14 @@ const W = ({ label: n, click: t }) => m(
     )
   )
 ), vt = ({ start: n, end: t, selecting: e, onSelectStart: a, onSelectEnd: s }) => l({ class: "flex space-x-2 mb-4" }, [
-  z("selecting", (r) => m({
+  z("selecting", (r) => f({
     click: a,
     variant: r === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
     l({ class: "font-medium" }, E("current.start", "Start Date"))
   ])),
-  z("selecting", (r) => m({
+  z("selecting", (r) => f({
     click: s,
     variant: r === "end" ? "primary" : "outline",
     class: "flex-1"
@@ -647,7 +647,7 @@ const W = ({ label: n, click: t }) => m(
   return l(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
     a.map(
-      (s) => m(
+      (s) => f(
         {
           click: (r) => {
             r.preventDefault(), r.stopPropagation(), t(s);
@@ -701,7 +701,7 @@ class Yt extends O {
    * @returns {string}
    */
   getMonthName(t) {
-    return P.monthNames[t];
+    return T.monthNames[t];
   }
   /**
    * Initialize component state.
@@ -793,8 +793,12 @@ class Yt extends O {
               current: e,
               blockPriorDates: this.blockPriorDates,
               onDateClick: (i) => this.handleClick(i),
-              onMonthClick: () => this.state.view = "months",
-              onYearClick: () => this.state.view = "years",
+              onMonthClick: (i) => {
+                i.preventDefault(), i.stopPropagation(), this.state.view = "months";
+              },
+              onYearClick: (i) => {
+                i.preventDefault(), i.stopPropagation(), this.state.view = "years";
+              },
               next: () => {
                 const i = this.data.current, d = i.month === 11 ? { month: 0, year: i.year + 1 } : { month: i.month + 1, year: i.year };
                 this.setCurrent(d);
@@ -810,12 +814,12 @@ class Yt extends O {
   }
 }
 export {
-  Pt as A,
+  Tt as A,
   ct as C,
   N as D,
   w as F,
   dt as M,
-  Tt as P,
+  Pt as P,
   Yt as R,
   ht as a,
   Nt as b,

package/dist/{signature-panel-DhtJwt4P.js → signature-panel-CoExCJGP.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-ZAHrVCgV.js";
+import { A as oe, P as le } from "./range-calendar-ppUinoRx.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.233",
+	"version": "1.0.234",
 	"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": {