@base-framework/ui 1.0.223 → 1.0.225

package/dist/index.es.js

@@ -5,7 +5,7 @@ import { V as w, a as R } 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 ea, a as sa, 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-2O1fITpG.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 Ra, p as Ua } from "./calendar-Bn55oWBo.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, R as Za, S as $a, n as ae, o as ee, t as se, s as oe, q as te, r as re, T as ne, l as le, U as ie, W as pe, f as ue, h as me, i as de, c as ce, d as ge, b as Ce, e as Te, a as be, g as De } from "./signature-panel-Casw0xrl.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, R as Za, S as $a, n as ae, o as ee, t as se, s as oe, q as te, r as re, T as ne, l as le, U as ie, W as pe, f as ue, h as me, i as de, c as ce, d as ge, b as Ce, e as Te, a as be, g as De } from "./signature-panel-BHRFLEaa.js";
 import { B as Se, I as Be, M as Pe, d as Fe, e as Me, g as ke, N as Ne, b as fe, a as ve, f as xe, P as ye, c as he, S as We, T as He } from "./mobile-nav-wrapper-Dj67Pb8l.js";
 import { B as Ae, a as we, C as Re, F as Ue, b as Ee, c as Ge, M as Oe, P as Ve, S as je } from "./sidebar-menu-page-BVryQj2Z.js";
 import { A as ze, F as Je, M as _e, a as Ke, T as Qe } from "./aside-template-McEj_Gxc.js";

package/dist/organisms.es.js

@@ -1,4 +1,4 @@
-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, R as v, S as D, n as N, o as k, t as C, s as c, q as T, r as M, T as m, l as y, U as B, W, f as h, h as S, i as H, c as P, d as I, b as f, e as x, a as L, g as O } from "./signature-panel-Casw0xrl.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, R as v, S as D, n as N, o as k, t as C, s as c, q as T, r as M, T as m, l as y, U as B, W, f as h, h as S, i as H, c as P, d as I, b as f, e as x, a as L, g as O } from "./signature-panel-BHRFLEaa.js";
 import { b as U, C as G, D as R, a as j, F as q, M as w, c as z, p as A } from "./calendar-Bn55oWBo.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 {

package/dist/{signature-panel-Casw0xrl.js → signature-panel-BHRFLEaa.js}

@@ -1,5 +1,5 @@
-import { Button as v, Div as o, On as D, Span as S, OnState as q, Th as A, UseParent as K, I as G, Thead as J, Tr as _, Table as R, P as w, Li as C, Time as V, Nav as I, Ul as x, Section as F, Canvas as Z } from "@base-framework/atoms";
-import { Atom as f, Component as m, Data as M, DateTime as P, router as k, NavLink as H, DataTracker as U, Jot as tt, base as W, Dom as O } from "@base-framework/base";
+import { Button as D, Div as o, On as w, Span as S, OnState as q, Th as A, UseParent as K, I as G, Thead as J, Tr as _, Table as R, P as x, Li as C, Time as V, Nav as I, Ul as k, Section as F, Canvas as Z } from "@base-framework/atoms";
+import { Atom as f, Component as m, Data as M, DateTime as P, router as v, NavLink as H, DataTracker as U, Jot as tt, base as W, Dom as O } from "@base-framework/base";
 import { B as g, I as et } from "./buttons-Cm9etaEG.js";
 import { Icons as b } from "./icons.es.js";
 import { F as st, A as at, P as nt } from "./calendar-Bn55oWBo.js";
@@ -10,7 +10,7 @@ f((e, t) => ({
   ...e,
   children: t
 }));
-f(({ value: e, label: t }) => v({
+f(({ value: e, label: t }) => D({
   class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-md px-8 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
   onState: ["performance", { active: e }],
   dataSet: ["performance", ["state", e, "active"]],
@@ -63,15 +63,15 @@ const ft = (e) => {
   n.setDate(s.getDate() - a);
   const i = new Date(n);
   return i.setDate(n.getDate() + (e - 1) * 7), i;
-}, be = (e, t) => {
+}, we = (e, t) => {
   const s = new Date(e, t, 1).getDay(), a = new Date(e, t + 1, 0).getDate(), n = [];
   let i = [];
   for (let l = 1 - s; l <= a; l++) {
-    const u = new Date(e, t, l);
-    i.push(l > 0 ? u : null), (i.length === 7 || l === a) && (n.push([...i]), i = []);
+    const r = new Date(e, t, l);
+    i.push(l > 0 ? r : null), (i.length === 7 || l === a) && (n.push([...i]), i = []);
   }
   return n;
-}, we = (e, t) => {
+}, be = (e, t) => {
   const s = new Date(e, t + 1, 0).getDate(), a = [];
   let n = [];
   for (let i = 1; i <= s; i++)
@@ -80,9 +80,9 @@ const ft = (e) => {
 }, yt = (e, t, s) => {
   const a = /* @__PURE__ */ new Date();
   return a.getDate() === e && a.getMonth() === t && a.getFullYear() === s;
-}, bt = ({ day: e, month: t, year: s, weekNumber: a, selectWeek: n }) => {
+}, wt = ({ day: e, month: t, year: s, weekNumber: a, selectWeek: n }) => {
   const i = yt(e, t, s);
-  return v({
+  return D({
     text: e || "",
     disabled: !e,
     class: `
@@ -92,19 +92,19 @@ const ft = (e) => {
 		`,
     click: () => n(a, s)
   });
-}, wt = (e, t) => {
-  const s = new Date(e, t, 1).getDay(), a = new Date(e, t + 1, 0).getDate(), n = gt(e, t, s), i = Array.from({ length: a }, (d, p) => new Date(e, t, p + 1)), l = (n.length + i.length) % 7, u = l === 0 ? 0 : 7 - l, c = pt(e, t, u), h = [...n, ...i, ...c], r = [];
-  for (let d = 0; d < h.length; d += 7) {
-    const p = h.slice(d, d + 7), y = p.find((B) => B) || new Date(e, t, 1), { weekNumber: L, year: T } = mt(y);
-    r.push({
+}, bt = (e, t) => {
+  const s = new Date(e, t, 1).getDay(), a = new Date(e, t + 1, 0).getDate(), n = gt(e, t, s), i = Array.from({ length: a }, (h, p) => new Date(e, t, p + 1)), l = (n.length + i.length) % 7, r = l === 0 ? 0 : 7 - l, c = pt(e, t, r), d = [...n, ...i, ...c], u = [];
+  for (let h = 0; h < d.length; h += 7) {
+    const p = d.slice(h, h + 7), y = p.find((B) => B) || new Date(e, t, 1), { weekNumber: L, year: T } = mt(y);
+    u.push({
       weekNumber: L,
       year: T,
       days: p
     });
   }
-  return r;
-}, xt = ({ selectWeek: e }) => D("month", (t, s, { data: a }) => {
-  const { year: n, month: i, currentDate: l } = a, u = wt(n, i);
+  return u;
+}, xt = ({ selectWeek: e }) => w("month", (t, s, { data: a }) => {
+  const { year: n, month: i, currentDate: l } = a, r = bt(n, i);
   return o(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
     [
@@ -119,8 +119,8 @@ const ft = (e) => {
         )
       ),
       // Render each "week" row
-      ...u.map(
-        ({ weekNumber: c, days: h, year: r }) => o({
+      ...r.map(
+        ({ weekNumber: c, days: d, year: u }) => o({
           class: "grid grid-cols-8 col-span-8 items-center ring-primary rounded-sm px-1",
           onSet: ["currentWeek", {
             ring: c
@@ -129,7 +129,7 @@ const ft = (e) => {
           // Left column: ISO week number
           o({
             class: "font-medium text-center col-span-1 rounded-sm cursor-pointer",
-            click: () => e(c, r),
+            click: () => e(c, u),
             // If you have a 'currentWeek' state, you can highlight it with 'onSet'
             onSet: ["currentWeek", {
               "text-primary-foreground": c,
@@ -140,11 +140,11 @@ const ft = (e) => {
           // The 7 cells for each day in the row
           o(
             { class: "grid grid-cols-7 col-span-7 text-center" },
-            h.map(
-              (d) => bt({
-                year: (d == null ? void 0 : d.getFullYear()) || null,
-                month: (d == null ? void 0 : d.getMonth()) || null,
-                day: (d == null ? void 0 : d.getDate()) || null,
+            d.map(
+              (h) => wt({
+                year: (h == null ? void 0 : h.getFullYear()) || null,
+                month: (h == null ? void 0 : h.getMonth()) || null,
+                day: (h == null ? void 0 : h.getDate()) || null,
                 weekNumber: c,
                 selectWeek: e
               })
@@ -318,11 +318,11 @@ const j = ({ label: e, click: t }) => g(
   { 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(Dt)
 ), Ct = ({ day: e, iso: t, disabled: s, isStart: a, isEnd: n, isBetween: i, click: l }) => {
-  let u = "ghost", c = "";
-  return a || n ? (u = "default", c = "bg-primary text-primary-foreground hover:bg-primary/90") : i && (c = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (c += " opacity-50 cursor-not-allowed"), g(
+  let r = "ghost", c = "";
+  return a || n ? (r = "default", c = "bg-primary text-primary-foreground hover:bg-primary/90") : i && (c = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (c += " opacity-50 cursor-not-allowed"), g(
     {
       class: `flex items-center justify-center h-9 w-9 p-0 text-sm font-medium rounded-md transition-colors ${c}`,
-      variant: u,
+      variant: r,
       disabled: s,
       click: () => {
         s || l();
@@ -330,20 +330,37 @@ const j = ({ label: e, click: t }) => g(
     },
     e.toString()
   );
-}, It = ({ cells: e }) => o(
-  { class: "grid grid-cols-7 gap-1" },
-  e.map(
-    (t, s) => t ? Ct({
-      day: t.day,
-      iso: t.iso,
-      disabled: t.disabled,
-      isStart: t.isStart,
-      isEnd: t.isEnd,
-      isBetween: t.isBetween,
-      click: t.click
-    }) : o({ class: "h-9" })
-  )
-), Mt = f((e, t) => o({ class: "flex flex-auto flex-col" }, [
+}, It = ({ today: e, current: t, blockPriorDates: s, onDateClick: a }) => {
+  const { start: n, end: i } = t, l = new Date(t.year, t.month, 1).getDay(), r = new Date(t.year, t.month + 1, 0).getDate(), c = [];
+  for (let d = 0; d < l; d++)
+    c.push(null);
+  for (let d = 1; d <= r; d++) {
+    const u = st(t.year, t.month, d), h = new Date(t.year, t.month, d), p = new Date(e.year, e.month, e.date), y = h < p, L = s && y, T = n === u, B = i === u, X = n && i && u > n && u < i;
+    c.push({
+      day: d,
+      iso: u,
+      disabled: L,
+      isStart: T,
+      isEnd: B,
+      isBetween: X,
+      click: () => a(u)
+    });
+  }
+  return o(
+    { class: "grid grid-cols-7 gap-1" },
+    c.map(
+      (d, u) => d ? Ct({
+        day: d.day,
+        iso: d.iso,
+        disabled: d.disabled,
+        isStart: d.isStart,
+        isEnd: d.isEnd,
+        isBetween: d.isBetween,
+        click: d.click
+      }) : o({ class: "h-9" })
+    )
+  );
+}, Mt = f((e, t) => o({ class: "flex flex-auto flex-col" }, [
   vt({
     monthName: e.monthName,
     year: e.year,
@@ -352,10 +369,21 @@ const j = ({ label: e, click: t }) => g(
     next: e.next,
     previous: e.previous
   }),
-  o({ class: "flex flex-auto flex-col w-full" }, [
-    St(),
-    It({ cells: e.cells })
-  ])
+  o({
+    class: "flex flex-auto flex-col w-full",
+    onSet: [
+      "currentDate",
+      () => [
+        St(),
+        It({
+          today: e.today,
+          current: e.current,
+          blockPriorDates: e.blockPriorDates,
+          onDateClick: e.onDateClick
+        })
+      ]
+    ]
+  })
 ])), Lt = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
   { class: "grid grid-cols-3 gap-2" },
   P.monthNames.map(
@@ -371,22 +399,20 @@ const j = ({ label: e, click: t }) => g(
     )
   )
 ), Tt = ({ start: e, end: t, selecting: s, onSelectStart: a, onSelectEnd: n }) => o({ class: "flex space-x-2 mb-4" }, [
-  g({
+  w("selecting", (i) => g({
     click: a,
-    variant: s === "start" ? "default" : "outline",
-    class: "flex-1 text-left justify-start px-3 py-2 text-sm font-medium rounded-md border min-h-[2.5rem] flex flex-col items-start"
+    variant: i === "start" ? "primary" : "outline",
+    class: "flex-1"
   }, [
-    o({ class: "text-xs text-muted-foreground mb-1" }, "Start"),
-    o({ class: "font-medium" }, e ? Y(e) : "Select start")
-  ]),
-  g({
+    o({ class: "font-medium" }, e ? Y(e) : "Start Date")
+  ])),
+  w("selecting", (i) => g({
     click: n,
-    variant: s === "end" ? "default" : "outline",
-    class: "flex-1 text-left justify-start px-3 py-2 text-sm font-medium rounded-md border min-h-[2.5rem] flex flex-col items-start"
+    variant: i === "end" ? "primary" : "outline",
+    class: "flex-1"
   }, [
-    o({ class: "text-xs text-muted-foreground mb-1" }, "End"),
-    o({ class: "font-medium" }, t ? Y(t) : "Select end")
-  ])
+    o({ class: "font-medium" }, t ? Y(t) : "End Date")
+  ]))
 ]), Y = (e) => {
   const t = /* @__PURE__ */ new Date(e + "T00:00:00"), s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], a = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
   return `${s[t.getDay()]}, ${t.getDate()} ${a[t.getMonth()]}`;
@@ -486,21 +512,7 @@ class ke extends m {
    * @returns {object}
    */
   render() {
-    const { today: t, current: s, selecting: a } = this.data, { start: n, end: i } = s, l = new Date(s.year, s.month, 1).getDay(), u = new Date(s.year, s.month + 1, 0).getDate(), c = [];
-    for (let h = 0; h < l; h++)
-      c.push(null);
-    for (let h = 1; h <= u; h++) {
-      const r = st(s.year, s.month, h), d = new Date(s.year, s.month, h), p = new Date(t.year, t.month, t.date), y = d < p, L = this.blockPriorDates && y, T = n === r, B = i === r, X = n && i && r > n && r < i;
-      c.push({
-        day: h,
-        iso: r,
-        disabled: L,
-        isStart: T,
-        isEnd: B,
-        isBetween: X,
-        click: this.handleClick.bind(this, r)
-      });
-    }
+    const { today: t, current: s, selecting: a } = this.data, { start: n, end: i } = s;
     return o({ class: "range-calendar bg-background border border-border rounded-lg shadow-md p-4 w-full max-w-sm" }, [
       Tt({
         start: n,
@@ -509,8 +521,8 @@ class ke extends m {
         onSelectStart: () => this.data.selecting = "start",
         onSelectEnd: () => this.data.selecting = "end"
       }),
-      q("view", (h) => {
-        switch (h) {
+      q("view", (l) => {
+        switch (l) {
           case "months":
             return Lt(
               {
@@ -534,17 +546,20 @@ class ke extends m {
             return Mt({
               monthName: this.data.monthName,
               year: s.year,
+              today: t,
+              current: s,
+              blockPriorDates: this.blockPriorDates,
+              onDateClick: (r) => this.handleClick(r),
               onMonthClick: () => this.state.view = "months",
               onYearClick: () => this.state.view = "years",
               next: () => {
-                const r = this.data.current, d = r.month === 11 ? { month: 0, year: r.year + 1 } : { month: r.month + 1, year: r.year };
-                this.setCurrent(d);
+                const r = this.data.current, c = r.month === 11 ? { month: 0, year: r.year + 1 } : { month: r.month + 1, year: r.year };
+                this.setCurrent(c);
               },
               previous: () => {
-                const r = this.data.current, d = r.month === 0 ? { month: 11, year: r.year - 1 } : { month: r.month - 1, year: r.year };
-                this.setCurrent(d);
-              },
-              cells: c
+                const r = this.data.current, c = r.month === 0 ? { month: 11, year: r.year - 1 } : { month: r.month - 1, year: r.year };
+                this.setCurrent(c);
+              }
             });
         }
       })
@@ -660,7 +675,7 @@ class E extends m {
   render() {
     const t = this.rows, s = this.border !== !1 ? "border" : "";
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      D("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      w("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         R({ class: "w-full" }, [
           // @ts-ignore
@@ -762,7 +777,7 @@ class $t extends E {
   render() {
     const t = this.rows, s = this.border !== !1 ? "border" : "";
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      D("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      w("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         R({ class: "w-full" }, [
           // @ts-ignore
@@ -838,7 +853,7 @@ class jt extends E {
   render() {
     const t = this.rows, s = this.border !== !1 ? "border" : "";
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      D("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      w("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         R({ class: "w-full" }, [
           // @ts-ignore
@@ -897,18 +912,18 @@ const De = f((e) => new jt(
     emptyState: e.emptyState
   }
 )), Yt = f(({ name: e, email: t }) => o({ class: "min-w-0 flex-auto" }, [
-  w({ class: "text-base font-semibold leading-6 m-0" }, e),
-  w({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, t)
+  x({ class: "text-base font-semibold leading-6 m-0" }, e),
+  x({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, t)
 ])), At = () => o({ class: "flex items-center gap-x-1.5" }, [
   o({ class: "flex-none rounded-full bg-emerald-500/20 p-1" }, [
     o({ class: "h-1.5 w-1.5 rounded-full bg-emerald-500" })
   ]),
-  w({ class: "text-xs leading-5 text-gray-500" }, "Online")
-]), Ft = (e) => w({ class: "text-xs leading-5 text-muted-foreground" }, [
+  x({ class: "text-xs leading-5 text-gray-500" }, "Online")
+]), Ft = (e) => x({ class: "text-xs leading-5 text-muted-foreground" }, [
   S("Last seen "),
   V({ datetime: e }, "3h ago")
 ]), Ht = (e, t) => e === "online" ? At() : Ft(t), Ut = f(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
-  w({ class: "text-sm leading-6 m-0" }, e),
+  x({ class: "text-sm leading-6 m-0" }, e),
   Ht(s, t)
 ])), Et = (e) => e.split(" ").map((s) => s[0]).join(""), Qt = f((e) => C({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
   o({ class: "flex min-w-0 gap-x-4" }, [
@@ -958,11 +973,11 @@ class Ce extends m {
     return I(
       { class: `flex items-center justify-center p-2 text-muted-foreground rounded-md ${this.class || ""}` },
       [
-        x({
+        k({
           class: "flex space-x-4",
           map: [this.options, (t) => this.addLink(t)],
           watch: {
-            value: ["[[path]]", k.data],
+            value: ["[[path]]", v.data],
             callBack: this.updateLinks.bind(this)
           }
         })
@@ -975,7 +990,7 @@ class Ce extends m {
    * @returns {void}
    */
   afterSetup() {
-    const t = k.data.path;
+    const t = v.data.path;
     this.updateLinks(t);
   }
   /**
@@ -1268,7 +1283,7 @@ const Gt = f(({ index: e, click: t, state: s }, a) => C({
     }]
   ],
   click: () => t(e)
-}, a)), Jt = f(({ selectOption: e, state: t }) => x({
+}, a)), Jt = f(({ selectOption: e, state: t }) => k({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
   for: ["filteredOptions", (s, a) => Gt({ index: a, click: e, state: t }, s.label)]
 })), _t = f((e) => o({ class: "relative flex items-center" }, [
@@ -1429,14 +1444,14 @@ const Gt = f(({ index: e, click: t, state: s }, a) => C({
     dataSet: ["selected", ["state", e.value, "active"]]
   },
   [
-    v({
+    D({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md",
       onSet: ["selected", { selected: e.value }],
       click: (t) => e.callBack(e.value)
     }, e.label)
   ]
 ), te = (e, t) => (e.callBack = t, Zt(e)), ee = (e) => I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${e.class}` }, [
-  x({ class: "flex flex-auto flex-row", map: [e.options, (t) => te(t, e.callBack)] })
+  k({ class: "flex flex-auto flex-row", map: [e.options, (t) => te(t, e.callBack)] })
 ]);
 class Be extends m {
   /**
@@ -1532,7 +1547,7 @@ const se = (e) => C(
     dataSet: ["selected", ["state", e.value, "active"]]
   },
   [
-    v({
+    D({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md disabled:opacity-50 disabled:cursor-not-allowed",
       onSet: ["selected", { selected: e.value }],
       click: (t) => e.callBack(e.value),
@@ -1540,7 +1555,7 @@ const se = (e) => C(
     }, e.label)
   ]
 ), ae = (e, t) => (e.callBack = t, se(e)), ne = (e) => I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${e.class}` }, [
-  x({ class: "flex flex-auto flex-row", map: [e.options, (t) => ae(t, e.callBack)] })
+  k({ class: "flex flex-auto flex-row", map: [e.options, (t) => ae(t, e.callBack)] })
 ]);
 class Re extends m {
   /**
@@ -1617,11 +1632,11 @@ class re extends m {
    */
   render() {
     return I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
-      x({
+      k({
         class: "flex flex-auto flex-row",
         map: [this.options, (t) => this.addLink(t)],
         watch: {
-          value: ["[[path]]", k.data],
+          value: ["[[path]]", v.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -1633,7 +1648,7 @@ class re extends m {
    * @returns {void}
    */
   afterSetup() {
-    const t = k.data.path;
+    const t = v.data.path;
     this.updateLinks(t);
   }
   /**
@@ -1803,12 +1818,12 @@ class ce extends m {
     let s, a;
     const n = this.canvas, i = n.width / parseInt(n.style.width), l = n.getBoundingClientRect();
     if (t.touches && t.touches.length) {
-      const h = t.touches[0];
-      s = h.clientX, a = h.clientY;
+      const d = t.touches[0];
+      s = d.clientX, a = d.clientY;
     } else
       s = t.x || t.clientX, a = t.y || t.clientY;
-    const u = parseInt((s - l.left) * i), c = parseInt((a - l.top) * i);
-    this.mouse.x = u, this.mouse.y = c;
+    const r = parseInt((s - l.left) * i), c = parseInt((a - l.top) * i);
+    this.mouse.x = r, this.mouse.y = c;
   }
   /**
    * Called when the pointer goes down on the canvas.
@@ -1883,12 +1898,12 @@ class ce extends m {
    */
   scale() {
     const t = this.canvas, s = this.container, a = O.getSize(s), n = this.targetSize, i = n.width, l = n.height;
-    let u = i + "px", c = l + "px";
+    let r = i + "px", c = l + "px";
     if (this.width = t.width = i, this.height = t.height = l, a.width !== 0 && a.height !== 0) {
-      const h = a.width, r = a.height, d = h / i, p = r / l, y = Math.min(d, p);
-      u = i * y + "px", c = l * y + "px";
+      const d = a.width, u = a.height, h = d / i, p = u / l, y = Math.min(h, p);
+      r = i * y + "px", c = l * y + "px";
     }
-    t.style.width = u, t.style.height = c;
+    t.style.width = r, t.style.height = c;
   }
   /**
    * Main drawing loop. If the mouse is down, adds a line
@@ -2057,9 +2072,9 @@ export {
   pt as a,
   $ as b,
   mt as c,
-  be as d,
-  we as e,
-  bt as f,
+  we as d,
+  be as e,
+  wt as f,
   gt as g,
   xt as h,
   kt as i,

package/dist/types/components/organisms/calendar/range/month-calendar.d.ts

@@ -4,11 +4,14 @@
  * @param {object} props
  * @param {string} props.monthName
  * @param {number} props.year
+ * @param {object} props.today
+ * @param {object} props.current
+ * @param {boolean} props.blockPriorDates
+ * @param {function} props.onDateClick
  * @param {function} props.onMonthClick
  * @param {function} props.onYearClick
  * @param {function} props.next
  * @param {function} props.previous
- * @param {Array} props.cells
  * @returns {object}
  */
 export const MonthCalendar: Function;

package/dist/types/components/organisms/calendar/range/range-days-grid.d.ts

@@ -1,3 +1,6 @@
-export function RangeDaysGrid({ cells }: {
-    cells: Array<object | null>;
+export function RangeDaysGrid({ today, current, blockPriorDates, onDateClick }: {
+    today: object;
+    current: object;
+    blockPriorDates: boolean;
+    onDateClick: Function;
 }): object;

package/package.json

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