@base-framework/ui 1.0.212 → 1.0.214

package/dist/{calendar-DaEP-oSN.js → calendar-Bvg0AY6S.js}

@@ -1,12 +1,12 @@
 import { Div as i, Img as j, Span as P, Button as I, OnState as W } from "@base-framework/atoms";
 import { Component as N, Data as Y, Atom as z, DateTime as B } from "@base-framework/base";
-import { B as p } from "./buttons-Cm9etaEG.js";
+import { B as m } from "./buttons-Cm9etaEG.js";
 import { Icons as S } from "./icons.es.js";
 const H = (e, t) => {
-  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), r = 10, a = globalThis.scrollX, l = globalThis.scrollY;
-  let c = n.left + a, g = n.bottom + l;
+  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), a = 10, r = globalThis.scrollX, l = globalThis.scrollY;
+  let c = n.left + r, g = n.bottom + l;
   const d = globalThis.innerHeight - n.bottom, h = n.top;
-  return c + s.width > globalThis.innerWidth && (c = globalThis.innerWidth - s.width - r), d < s.height && h > d ? g = n.top + l - s.height - r : d < s.height && (g = n.bottom + l - (s.height - d) - r), { x: c, y: g };
+  return c + s.width > globalThis.innerWidth && (c = globalThis.innerWidth - s.width - a), d < s.height && h > d ? g = n.top + l - s.height - a : d < s.height && (g = n.bottom + l - (s.height - d) - a), { x: c, y: g };
 };
 class ht extends N {
   /**
@@ -167,34 +167,34 @@ const R = z(({ src: e, alt: t }) => e ? j({
   "4xl": "text-5xl",
   default: "text-base"
 }, G = (e) => T[e] || T.default, L = (e) => k[e] || k.default, U = (e, t = null, n = "md") => {
-  const s = O(e), r = L(n);
+  const s = O(e), a = L(n);
   return i(
     {
       class: `
 			flex items-center justify-center w-full h-full rounded-full
 			bg-muted text-muted-foreground font-medium
-			${r}
+			${a}
 		`
     },
     [
       t ? E(t) : P({ class: "uppercase" }, s)
     ]
   );
-}, dt = z(({ src: e, alt: t, fallbackText: n, watcherFallback: s, size: r }) => {
-  const a = G(r);
+}, dt = z(({ src: e, alt: t, fallbackText: n, watcherFallback: s, size: a }) => {
+  const r = G(a);
   return i(
     {
-      class: `relative flex items-center justify-center ${a}`
+      class: `relative flex items-center justify-center ${r}`
     },
     [
       R({ src: e, alt: t }),
-      U(n, s, r)
+      U(n, s, a)
     ]
   );
 }), _ = ({ currentYear: e, onSelect: t }) => i(
   { class: "grid grid-cols-3 gap-2" },
   B.monthNames.map(
-    (n, s) => p(
+    (n, s) => m(
       {
         click: () => t(s),
         variant: "ghost",
@@ -204,15 +204,15 @@ const R = z(({ src: e, alt: t }) => e ? j({
     )
   )
 ), D = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), q = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), x = (e, t, n) => `${e}-${D(t + 1)}-${D(n)}`, J = (e) => e ? "bg-accent text-primary" : "", K = (e) => e ? "text-muted-foreground opacity-50" : "", Q = (e, t) => e === t, V = (e, t) => Q(e, t) ? "bg-primary text-primary-foreground" : "", Z = (e, t, n, s) => {
-  const r = V(t, s);
-  return r || (e ? J(e) : n ? K(n) : "text-foreground");
+  const a = V(t, s);
+  return a || (e ? J(e) : n ? K(n) : "text-foreground");
 }, C = (e) => {
   const {
     day: t,
     currentDate: n,
     date: s,
-    isToday: r,
-    isOutsideMonth: a,
+    isToday: a,
+    isOutsideMonth: r,
     select: l,
     disabled: c
   } = e;
@@ -220,7 +220,7 @@ const R = z(({ src: e, alt: t }) => e ? j({
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
-				${Z(r, n, a, s)}
+				${Z(a, n, r, s)}
 				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
                 disabled:pointer-events-none disabled:opacity-50
 			`,
@@ -232,9 +232,9 @@ const R = z(({ src: e, alt: t }) => e ? j({
     t.toString()
   );
 }, M = (e, t, n, s) => e === s.date && t === s.month && n === s.year, tt = (e, t, n, s = !1) => {
-  const { year: r, month: a } = e, l = x(r, a, e.date), c = new Date(r, a, 1).getDay(), g = new Date(r, a + 1, 0).getDate(), d = new Date(r, a, 0).getDate(), h = [], y = a === 0 ? 11 : a - 1, w = a === 0 ? r - 1 : r;
+  const { year: a, month: r } = e, l = x(a, r, e.date), c = new Date(a, r, 1).getDay(), g = new Date(a, r + 1, 0).getDate(), d = new Date(a, r, 0).getDate(), h = [], y = r === 0 ? 11 : r - 1, w = r === 0 ? a - 1 : a;
   for (let o = c - 1; o >= 0; o--) {
-    const u = d - o, f = M(u, y, w, t), m = new Date(w, y, u) < new Date(t.year, t.month, t.date), F = s && m;
+    const u = d - o, f = M(u, y, w, t), p = new Date(w, y, u) < new Date(t.year, t.month, t.date), F = s && p;
     h.push(
       C({
         day: u,
@@ -248,22 +248,22 @@ const R = z(({ src: e, alt: t }) => e ? j({
     );
   }
   for (let o = 1; o <= g; o++) {
-    const u = M(o, a, r, t), f = new Date(r, a, o) < new Date(t.year, t.month, t.date), m = s && f;
+    const u = M(o, r, a, t), f = new Date(a, r, o) < new Date(t.year, t.month, t.date), p = s && f;
     h.push(
       C({
         day: o,
         currentDate: l,
-        date: x(r, a, o),
+        date: x(a, r, o),
         isToday: u,
         isOutsideMonth: !1,
         select: n,
-        disabled: m
+        disabled: p
       })
     );
   }
-  const v = a === 11 ? 0 : a + 1, b = a === 11 ? r + 1 : r, A = (7 - h.length % 7) % 7;
+  const v = r === 11 ? 0 : r + 1, b = r === 11 ? a + 1 : a, A = (7 - h.length % 7) % 7;
   for (let o = 1; o <= A; o++) {
-    const u = M(o, v, b, t), f = new Date(b, v, o) < new Date(t.year, t.month, t.date), m = s && f;
+    const u = M(o, v, b, t), f = new Date(b, v, o) < new Date(t.year, t.month, t.date), p = s && f;
     h.push(
       C({
         day: o,
@@ -272,12 +272,12 @@ const R = z(({ src: e, alt: t }) => e ? j({
         isToday: u,
         isOutsideMonth: !0,
         select: n,
-        disabled: m
+        disabled: p
       })
     );
   }
   return h;
-}, $ = ({ label: e, click: t }) => p(
+}, $ = ({ label: e, click: t }) => m(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -291,14 +291,14 @@ const R = z(({ src: e, alt: t }) => e ? j({
     icon: e === "Previous" ? S.chevron.single.left : S.chevron.single.right
   }
 ), et = ({ onMonthClick: e, onYearClick: t, next: n, previous: s }) => i({ class: "flex items-center justify-center space-x-2 relative min-h-12 text-sm font-medium" }, [
-  p({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
-  p({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
+  m({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
+  m({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
   $({ label: "Previous", click: s }),
   $({ label: "Next", click: n })
 ]), nt = (e) => i(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
-), st = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(nt), rt = (e) => i({ class: "rdp w-full space-y-1" }, [
+), st = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(nt), at = (e) => i({ class: "rdp w-full space-y-1" }, [
   et({
     onMonthClick: e.onMonthClick,
     onYearClick: e.onYearClick,
@@ -323,18 +323,18 @@ const R = z(({ src: e, alt: t }) => e ? j({
       ]
     ]
   })
-]), at = ({ currentMonth: e, currentYear: t, onSelect: n }) => {
-  const s = t - 50, r = Array.from({ length: 101 }, (a, l) => s + l);
+]), rt = ({ currentMonth: e, currentYear: t, onSelect: n }) => {
+  const s = t - 50, a = Array.from({ length: 101 }, (r, l) => s + l);
   return i(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
-    r.map(
-      (a) => p(
+    a.map(
+      (r) => m(
         {
-          click: () => n(a),
+          click: () => n(r),
           variant: "ghost",
-          "aria-label": `Select ${a}`
+          "aria-label": `Select ${r}`
         },
-        a.toString()
+        r.toString()
       )
     )
   );
@@ -429,8 +429,8 @@ class gt extends N {
    * @returns {void}
    */
   setCurrentDate(t, n, s = null) {
-    const r = this.data;
-    r.current.month = t, r.current.year = n, typeof s == "number" && (r.current.date = D(s)), r.currentDate = `${n}-${D(t + 1)}-${r.current.date}`, r.monthName = this.getMonthName(t);
+    const a = this.data;
+    a.current.month = t, a.current.year = n, typeof s == "number" && (a.current.date = D(s)), a.currentDate = `${n}-${D(t + 1)}-${a.current.date}`, a.monthName = this.getMonthName(t);
   }
   /**
    * This will select a date.
@@ -461,7 +461,7 @@ class gt extends N {
               }
             );
           case "years":
-            return at(
+            return rt(
               {
                 currentMonth: this.data.current.month,
                 currentYear: this.data.current.year,
@@ -471,15 +471,19 @@ class gt extends N {
               }
             );
           default:
-            return rt({
+            return at({
               current: this.data.current,
               today: this.data.today,
               select: (n) => this.selectDate(n),
               next: () => this.goToNextMonth(),
               previous: () => this.goToPreviousMonth(),
               blockPriorDates: this.blockPriorDates || !1,
-              onMonthClick: () => this.state.view = "months",
-              onYearClick: () => this.state.view = "years"
+              onMonthClick: (n) => {
+                n.preventDefault(), n.stopPropagation(), this.state.view = "months";
+              },
+              onYearClick: (n) => {
+                n.preventDefault(), n.stopPropagation(), this.state.view = "years";
+              }
             });
         }
       })
@@ -491,7 +495,7 @@ export {
   tt as C,
   C as D,
   x as F,
-  rt as M,
+  at as M,
   ht as P,
   nt as a,
   gt as b,

package/dist/{empty-state-F22bxrVL.js → empty-state-Cmj6BpXb.js}

@@ -1,6 +1,6 @@
 import { Div as n, H5 as R, P as g, I as b, Li as O, Span as a, Ul as V, Button as m, OnState as v, Label as W, Form as G, H2 as C, Header as k, Footer as M, A as Y, H3 as J, Checkbox as K, Nav as Q, Input as S, UseParent as X, Time as Z, Dialog as ee } from "@base-framework/atoms";
 import { Atom as c, Component as x, Html as L, Dom as te, base as se, Data as D, Builder as H, Jot as I, DateTime as B } from "@base-framework/base";
-import { P as T, b as oe } from "./calendar-DaEP-oSN.js";
+import { P as T, b as oe } from "./calendar-Bvg0AY6S.js";
 import { B as h, I as p } from "./buttons-Cm9etaEG.js";
 import { Icons as u } from "./icons.es.js";
 import { Timer as ne, List as le, DynamicTime as re } 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 D, d as I, D as S, c as B, E as P, F, H as M, I as k, M as N, N as f, P as v, R as x, T as y, a as h, b as W, U as H, W as L } from "./inputs-CMjx5-IX.js";
 import { V as w, a as U } 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, E as z, v as J, w as _, x as K, D as Q, j as X, k as Y, H as Z, G as $, s as aa, c as sa, a as ea, b as oa, I as ta, i as ra, g as na, e as la, h as ia, F as pa, d as ua, f as ma, u as da, M as ca, l as ga, N as Ca, P as Ta, p as ba, q as Da, S as Ia, n as Sa, o as Ba, T as Pa, y as Fa, z as Ma, m as ka, r as Na } from "./empty-state-F22bxrVL.js";
-import { A as va, b as xa, C as ya, D as ha, a as Wa, F as Ha, M as La, P as Aa, c as wa, g as Ua, p as Ra } from "./calendar-DaEP-oSN.js";
-import { B as Ga, p as Oa, C as Va, j as ja, D as qa, m as za, k as Ja, H as _a, I as Ka, N as Qa, O as Xa, P as Ya, S as Za, n as $a, o as as, t as ss, s as es, q as os, r as ts, T as rs, l as ns, U as ls, W as is, f as ps, h as us, i as ms, c as ds, d as cs, b as gs, e as Cs, a as Ts, g as bs } from "./signature-panel-Cn2ZRaXx.js";
+import { A as O, B as V, C as j, t as q, E as z, v as J, w as _, x as K, D as Q, j as X, k as Y, H as Z, G as $, s as aa, c as sa, a as ea, b as oa, I as ta, i as ra, g as na, e as la, h as ia, F as pa, d as ua, f as ma, u as da, M as ca, l as ga, N as Ca, P as Ta, p as ba, q as Da, S as Ia, n as Sa, o as Ba, T as Pa, y as Fa, z as Ma, m as ka, r as Na } from "./empty-state-Cmj6BpXb.js";
+import { A as va, b as xa, C as ya, D as ha, a as Wa, F as Ha, M as La, P as Aa, c as wa, g as Ua, p as Ra } from "./calendar-Bvg0AY6S.js";
+import { B as Ga, p as Oa, C as Va, j as ja, D as qa, m as za, k as Ja, H as _a, I as Ka, N as Qa, O as Xa, P as Ya, S as Za, n as $a, o as as, t as ss, s as es, q as os, r as ts, T as rs, l as ns, U as ls, W as is, f as ps, h as us, i as ms, c as ds, d as cs, b as gs, e as Cs, a as Ts, g as bs } from "./signature-panel--Rz3Tmii.js";
 import { B as Is, I as Ss, M as Bs, d as Ps, e as Fs, g as Ms, N as ks, b as Ns, a as fs, f as vs, P as xs, c as ys, S as hs, T as Ws } from "./mobile-nav-wrapper-Dj67Pb8l.js";
 import { B as Ls, a as As, C as ws, F as Us, b as Rs, c as Es, M as Gs, P as Os, S as Vs } from "./sidebar-menu-page-BVryQj2Z.js";
 import { A as qs, F as zs, M as Js, a as _s, T as Ks } 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, E as r, v as n, w as m, x as l, D as S, j as u, k as D, H as c, G as p, s as C, c as d, a as g, b as F, I as T, i as A, g as P, e as f, h as w, F as I, d as b, f as y, u as B, M, l as x, N as k, P as v, p as E, q as N, S as h, n as L, o as R, T as U, y as j, z as q, m as z, r as G } from "./empty-state-F22bxrVL.js";
-import { A as O, P as _, g as J } from "./calendar-DaEP-oSN.js";
+import { A as o, B as t, C as e, t as i, E as r, v as n, w as m, x as l, D as S, j as u, k as D, H as c, G as p, s as C, c as d, a as g, b as F, I as T, i as A, g as P, e as f, h as w, F as I, d as b, f as y, u as B, M, l as x, N as k, P as v, p as E, q as N, S as h, n as L, o as R, T as U, y as j, z as q, m as z, r as G } from "./empty-state-Cmj6BpXb.js";
+import { A as O, P as _, g as J } from "./calendar-Bvg0AY6S.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 p, O as u, P as v, S as D, n as g, 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-Cn2ZRaXx.js";
-import { b as F, C as U, D as G, a as j, F as q, M as w, c as z, p as A } from "./calendar-DaEP-oSN.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 p, O as u, P as v, S as D, n as g, 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--Rz3Tmii.js";
+import { b as F, C as U, D as G, a as j, F as q, M as w, c as z, p as A } from "./calendar-Bvg0AY6S.js";
 import { B as J, I as K, M as Q, d as R, e as V, g as X, N as Y, b as Z, a as _, f as $, P as aa, c as ea, S as sa, T as ta } from "./mobile-nav-wrapper-Dj67Pb8l.js";
 export {
   s as BackButton,

package/dist/{signature-panel-Cn2ZRaXx.js → signature-panel--Rz3Tmii.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 "./calendar-DaEP-oSN.js";
+import { A as oe, P as le } from "./calendar-Bvg0AY6S.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.212",
+	"version": "1.0.214",
 	"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": {