@base-framework/ui 1.0.221 → 1.0.223

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-Hz9yFndG.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 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-Hz9yFndG.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-Casw0xrl.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-Hz9yFndG.js → signature-panel-Casw0xrl.js}

@@ -324,7 +324,9 @@ const j = ({ label: e, click: t }) => g(
       class: `flex items-center justify-center h-9 w-9 p-0 text-sm font-medium rounded-md transition-colors ${c}`,
       variant: u,
       disabled: s,
-      click: () => !s && l()
+      click: () => {
+        s || l();
+      }
     },
     e.toString()
   );
@@ -432,8 +434,11 @@ class ke extends m {
       current: {
         date: t.getDate(),
         month: a,
-        year: n
-      }
+        year: n,
+        start: this.startDate,
+        end: this.endDate
+      },
+      selecting: "start"
     });
   }
   /**
@@ -448,15 +453,12 @@ class ke extends m {
   /**
    * Initialize component state.
    *
-   * @returns {{view:string,selecting:string,start:string|null,end:string|null}}
+   * @returns {{view:string}}
    */
   setupStates() {
     return {
-      view: "calendar",
+      view: "calendar"
       // 'calendar', 'months', or 'years'
-      selecting: "start",
-      start: this.startDate,
-      end: this.endDate
     };
   }
   /**
@@ -466,7 +468,7 @@ class ke extends m {
    * @returns {void}
    */
   handleClick(t) {
-    this.state.selecting === "start" ? (this.state.start = t, this.state.end = null, this.state.selecting = "end") : (this.state.start && t < this.state.start ? (this.state.end = this.state.start, this.state.start = t) : this.state.end = t, this.state.selecting = "start", typeof this.onRangeSelect == "function" && this.onRangeSelect(this.state.start, this.state.end));
+    this.data.selecting === "start" ? (this.data.current.start = t, this.data.current.end = null, this.data.selecting = "end") : (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", typeof this.onRangeSelect == "function" && this.onRangeSelect(this.data.current.start, this.data.current.end));
   }
   /**
    * Update current month/year in data.
@@ -484,11 +486,11 @@ class ke extends m {
    * @returns {object}
    */
   render() {
-    const { today: t, current: s } = this.data, { start: a, end: n, selecting: i } = this.state, l = new Date(s.year, s.month, 1).getDay(), u = new Date(s.year, s.month + 1, 0).getDate(), c = [];
+    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 = a === r, B = n === r, X = a && n && r > a && r < n;
+      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,
@@ -496,16 +498,16 @@ class ke extends m {
         isStart: T,
         isEnd: B,
         isBetween: X,
-        click: () => this.handleClick(r)
+        click: this.handleClick.bind(this, r)
       });
     }
     return o({ class: "range-calendar bg-background border border-border rounded-lg shadow-md p-4 w-full max-w-sm" }, [
       Tt({
-        start: a,
-        end: n,
-        selecting: i,
-        onSelectStart: () => this.state.selecting = "start",
-        onSelectEnd: () => this.state.selecting = "end"
+        start: n,
+        end: i,
+        selecting: a,
+        onSelectStart: () => this.data.selecting = "start",
+        onSelectEnd: () => this.data.selecting = "end"
       }),
       q("view", (h) => {
         switch (h) {

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

@@ -42,13 +42,10 @@ export class RangeCalendar extends Component {
     /**
      * Initialize component state.
      *
-     * @returns {{view:string,selecting:string,start:string|null,end:string|null}}
+     * @returns {{view:string}}
      */
     setupStates(): {
         view: string;
-        selecting: string;
-        start: string | null;
-        end: string | null;
     };
     /**
      * Handle a date cell click.

package/package.json

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