@base-framework/ui 1.0.22 → 1.0.24

package/dist/{calendar-BBscVRVI.js → calendar-cfaISqs6.js}

@@ -3,8 +3,8 @@ import { Component as N, Data as z, Atom as k, DateTime as j } from "@base-frame
 import { B as A } from "./buttons-CVEwmPAi.js";
 import { Icons as P } from "./icons.es.js";
 const W = (e, t) => {
-  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), o = 10, a = window.scrollX, l = window.scrollY;
-  let c = n.left + a, f = n.bottom + l;
+  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), o = 10, r = window.scrollX, l = window.scrollY;
+  let c = n.left + r, f = n.bottom + l;
   const h = window.innerHeight - n.bottom, d = n.top;
   return c + s.width > window.innerWidth && (c = window.innerWidth - s.width - o), h < s.height && d > h ? f = n.top + l - s.height - o : h < s.height && (f = n.bottom + l - (s.height - h) - o), { x: c, y: f };
 };
@@ -173,10 +173,10 @@ const H = k(({ src: e, alt: t }) => e ? I({
     ]
   );
 }, ct = k(({ src: e, alt: t, fallbackText: n, watcherFallback: s, size: o }) => {
-  const a = E(o);
+  const r = E(o);
   return i(
     {
-      class: `relative flex items-center justify-center ${a}`
+      class: `relative flex items-center justify-center ${r}`
     },
     [
       H({ src: e, alt: t }),
@@ -186,13 +186,13 @@ const H = k(({ src: e, alt: t }) => e ? I({
 }), x = (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), p = (e, t, n) => `${e}-${x(t + 1)}-${x(n)}`, J = (e) => e ? "bg-accent text-primary" : "", K = (e) => e ? "text-muted-foreground opacity-50" : "", Q = (e, t) => e === t, U = (e, t) => Q(e, t) ? "bg-primary text-primary-foreground" : "", V = (e, t, n, s) => {
   const o = U(t, s);
   return o || (e ? J(e) : n ? K(n) : "text-foreground");
-}, v = (e) => {
+}, C = (e) => {
   const {
     day: t,
     currentDate: n,
     date: s,
     isToday: o,
-    isOutsideMonth: a,
+    isOutsideMonth: r,
     select: l,
     disabled: c
   } = e;
@@ -200,8 +200,9 @@ const H = k(({ src: e, alt: t }) => e ? I({
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
-				${V(o, n, a, s)}
-				hover:bg-muted/50 focus:z-10
+				${V(o, n, r, s)}
+				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
+                disabled:pointer-events-none disabled:opacity-50
 			`,
       disabled: c || t === null,
       "aria-label": t ? `Day ${t}` : null,
@@ -211,11 +212,11 @@ const H = k(({ src: e, alt: t }) => e ? I({
     t.toString()
   );
 }, b = (e, t, n, s) => e === s.date && t === s.month && n === s.year, Z = (e, t, n, s = !1) => {
-  const { year: o, month: a } = e, l = p(o, a, e.date), c = new Date(o, a, 1).getDay(), f = new Date(o, a + 1, 0).getDate(), h = new Date(o, a, 0).getDate(), d = [], D = a === 0 ? 11 : a - 1, w = a === 0 ? o - 1 : o;
-  for (let r = c - 1; r >= 0; r--) {
-    const u = h - r, g = b(u, D, w, t), m = new Date(w, D, u) < new Date(t.year, t.month, t.date), F = s && m;
+  const { year: o, month: r } = e, l = p(o, r, e.date), c = new Date(o, r, 1).getDay(), f = new Date(o, r + 1, 0).getDate(), h = new Date(o, r, 0).getDate(), d = [], D = r === 0 ? 11 : r - 1, w = r === 0 ? o - 1 : o;
+  for (let a = c - 1; a >= 0; a--) {
+    const u = h - a, g = b(u, D, w, t), m = new Date(w, D, u) < new Date(t.year, t.month, t.date), F = s && m;
     d.push(
-      v({
+      C({
         day: u,
         currentDate: l,
         date: p(w, D, u),
@@ -226,13 +227,13 @@ const H = k(({ src: e, alt: t }) => e ? I({
       })
     );
   }
-  for (let r = 1; r <= f; r++) {
-    const u = b(r, a, o, t), g = new Date(o, a, r) < new Date(t.year, t.month, t.date), m = s && g;
+  for (let a = 1; a <= f; a++) {
+    const u = b(a, r, o, t), g = new Date(o, r, a) < new Date(t.year, t.month, t.date), m = s && g;
     d.push(
-      v({
-        day: r,
+      C({
+        day: a,
         currentDate: l,
-        date: p(o, a, r),
+        date: p(o, r, a),
         isToday: u,
         isOutsideMonth: !1,
         select: n,
@@ -240,14 +241,14 @@ const H = k(({ src: e, alt: t }) => e ? I({
       })
     );
   }
-  const y = a === 11 ? 0 : a + 1, C = a === 11 ? o + 1 : o, O = (7 - d.length % 7) % 7;
-  for (let r = 1; r <= O; r++) {
-    const u = b(r, y, C, t), g = new Date(C, y, r) < new Date(t.year, t.month, t.date), m = s && g;
+  const y = r === 11 ? 0 : r + 1, v = r === 11 ? o + 1 : o, O = (7 - d.length % 7) % 7;
+  for (let a = 1; a <= O; a++) {
+    const u = b(a, y, v, t), g = new Date(v, y, a) < new Date(t.year, t.month, t.date), m = s && g;
     d.push(
-      v({
-        day: r,
+      C({
+        day: a,
         currentDate: l,
-        date: p(C, y, r),
+        date: p(v, y, a),
         isToday: u,
         isOutsideMonth: !0,
         select: n,
@@ -419,7 +420,7 @@ class ut extends N {
 export {
   ct as A,
   Z as C,
-  v as D,
+  C as D,
   p as F,
   nt as M,
   lt as P,

package/dist/{confirmation-B5mxZK4X.js → confirmation-BR9Nfflx.js}

@@ -1,6 +1,6 @@
-import { Div as n, I as f, H5 as _, P as p, Li as O, Span as a, Ul as V, Button as h, OnState as v, Label as R, Form as W, H2 as B, Footer as $, Header as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, Time as Q, Dialog as X } from "@base-framework/atoms";
-import { Atom as c, Component as b, Html as L, Dom as Z, base as ee, Data as k, Builder as q, Jot as S, DateTime as A } from "@base-framework/base";
-import { P as D, b as te } from "./calendar-BBscVRVI.js";
+import { Div as n, I as f, H5 as _, P as b, Li as O, Span as a, Ul as V, Button as h, OnState as v, Label as R, Form as W, H2 as B, Footer as $, Header as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, Time as Q, Dialog as X } from "@base-framework/atoms";
+import { Atom as c, Component as p, Html as L, Dom as Z, base as ee, Data as k, Builder as q, Jot as S, DateTime as A } from "@base-framework/base";
+import { P as D, b as te } from "./calendar-cfaISqs6.js";
 import { B as u, I as x } from "./buttons-CVEwmPAi.js";
 import { Icons as d } from "./icons.es.js";
 import { a as w } from "./veil-DSQdR6CM.js";
@@ -33,7 +33,7 @@ const P = {
   }
 }, re = (e, t) => n({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   f({ html: e })
-]), le = (e) => _({ class: "font-semibold" }, e), ie = (e) => p({ class: "text-sm text-muted-foreground" }, e), ht = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
+]), le = (e) => _({ class: "font-semibold" }, e), ie = (e) => b({ class: "text-sm text-muted-foreground" }, e), ht = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
   const { borderColor: l, bgColor: r, iconColor: i } = P[o] || P.default;
   return n({ class: `flex items-start p-4 border rounded-lg ${r} ${l}` }, [
     // Icon and content
@@ -44,7 +44,7 @@ const P = {
     ])
   ]);
 });
-class ae extends b {
+class ae extends p {
   /**
   * This will declare the props for the compiler.
   *
@@ -91,7 +91,7 @@ const ce = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
 }, [
   e && a(e),
   t && f({ html: t })
-]), pe = ({ onSelect: e }) => n([
+]), be = ({ onSelect: e }) => n([
   v(
     "open",
     (t, s, o) => t ? new D({
@@ -103,7 +103,7 @@ const ce = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
     ]) : null
   )
 ]);
-class mt extends b {
+class mt extends p {
   /**
   * This will declare the props for the compiler.
   *
@@ -162,11 +162,11 @@ class mt extends b {
         icon: this.icon,
         toggleDropdown: this.toggleDropdown.bind(this)
       }),
-      pe({ onSelect: this.handleSelect.bind(this) })
+      be({ onSelect: this.handleSelect.bind(this) })
     ]);
   }
 }
-const be = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t)), xe = c((e, t) => R({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), we = c((e, t) => p({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ye = c((e, t) => p({ ...e, class: "text-sm text-destructive" }, t)), ve = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", H = (e, t, s) => e.map((o) => (o.children && o.children.length > 0 && (o.children = H(o.children, t, s)), o.required && ve(o) ? {
+const pe = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t)), xe = c((e, t) => R({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), we = c((e, t) => b({ ...e, class: "text-sm text-muted-foreground italic" }, t)), ye = c((e, t) => b({ ...e, class: "text-sm text-destructive" }, t)), ve = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", H = (e, t, s) => e.map((o) => (o.children && o.children.length > 0 && (o.children = H(o.children, t, s)), o.required && ve(o) ? {
   ...o,
   aria: {
     invalid: ["hasError"]
@@ -208,7 +208,7 @@ const be = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
         this.state.error = r, this.state.hasError = !!r;
       };
       return n({ class: "flex flex-auto space-y-4" }, [
-        be([
+        pe([
           xe({ htmlFor: t }, s),
           Ce({
             id: t,
@@ -226,10 +226,10 @@ const be = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
   e.target.checkValidity() && (e.preventDefault(), t && t(e));
 }, Se = c(
   (e, t) => W({ ...e, submit: (s) => ke(s, e.submit), class: `w-full ${e.class ?? ""}` }, t)
-), gt = c((e, t) => n({ ...e, class: `space-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)), pt = c((e, t = []) => n({ class: "space-y-3 py-4" }, [
+), gt = c((e, t) => n({ ...e, class: `space-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)), bt = c((e, t = []) => n({ class: "space-y-3 py-4" }, [
   e.title && B({ class: "font-semibold" }, e.title),
   ...t
-])), bt = (e, t) => n({ class: "flex justify-between" }, [
+])), pt = (e, t) => n({ class: "flex justify-between" }, [
   a({ class: "text-muted-foreground" }, e),
   a(t)
 ]), De = ({ title: e, description: t, back: s, icon: o, options: l = [] }) => M({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10" }, [
@@ -264,7 +264,7 @@ const be = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
     $({ class: "modal-footer sticky bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
   ])
 ])), Te = (e) => q.render(e, app.root);
-class xt extends b {
+class xt extends p {
   /**
    * This will declare the props for the compiler.
    *
@@ -527,7 +527,7 @@ class Me extends ae {
           n({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
             this.title && Ae(this.title)
           ]),
-          p({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
+          b({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
           (this.primary || this.secondary) && $({ class: "margin-top-24 flex align-center" }, this.getButtons())
         ])
       ]),
@@ -550,7 +550,7 @@ class Me extends ae {
   }
 }
 let Le = 0;
-class wt extends b {
+class wt extends p {
   /**
    * This will render the component.
    *
@@ -988,18 +988,19 @@ const N = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
     onState: ["selectedDate", (o) => o ? A.format("standard", o) : "Pick a date"]
   }),
   f({ html: d.calendar.days })
-]), Ke = ({ handleDateSelect: e }) => n({ class: "absolute mt-1 z-10 bg-background rounded-md shadow-lg" }, [
+]), Ke = ({ handleDateSelect: e, blockPriorDates: t }) => n({ class: "absolute mt-1 z-10 bg-background rounded-md shadow-lg" }, [
   v(
     "open",
-    (t, s, o) => t ? new D({
+    (s, o, l) => s ? new D({
       cache: "dropdown",
-      parent: o,
-      button: o.panel,
+      parent: l,
+      button: l.panel,
       size: "fit"
     }, [
       new te({
-        selectedDate: o.state.selectedDate,
-        selectedCallBack: e
+        selectedDate: l.state.selectedDate,
+        selectedCallBack: e,
+        blockPriorDates: t
       })
     ]) : null
   )
@@ -1041,7 +1042,8 @@ const N = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
           required: this.required
         }),
         Ke({
-          handleDateSelect: t
+          handleDateSelect: t,
+          blockPriorDates: this.blockPriorDates || !1
         })
       ]);
     }
@@ -1237,7 +1239,7 @@ const $t = w(
       n({ class: "flex flex-auto flex-col gap-4" }, [
         n({ class: "flex flex-auto flex-col space-y-2" }, [
           tt(e),
-          e.description && p({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e.description),
+          e.description && b({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e.description),
           n({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t)
         ]),
         e.buttons && $({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:space-x-2" }, e.buttons)
@@ -1271,7 +1273,7 @@ const $t = w(
     iconColor: "text-muted-foreground"
   }
 };
-class nt extends b {
+class nt extends p {
   /**
   * This will declare the props for the compiler.
   *
@@ -1380,12 +1382,12 @@ export {
   It as C,
   ae as D,
   st as E,
-  be as F,
+  pe as F,
   nt as G,
   xt as M,
   wt as N,
   Re as P,
-  bt as S,
+  pt as S,
   yt as T,
   he as a,
   mt as b,
@@ -1397,7 +1399,7 @@ export {
   ft as h,
   Se as i,
   gt as j,
-  pt as k,
+  bt as k,
   Me as l,
   vt as m,
   Ct as n,

package/dist/index.es.js

@@ -3,9 +3,9 @@ import { B as g, I as C, L as T } from "./buttons-CVEwmPAi.js";
 import { C as D, d as I, D as S, c as b, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as h, a as y, b as W, U as L, W as A } from "./inputs-C1dvFQuB.js";
 import { V as w, a as U } from "./veil-DSQdR6CM.js";
 import { Icons as R } from "./icons.es.js";
-import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-B5mxZK4X.js";
-import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-BBscVRVI.js";
-import { B as Oa, m as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-C1bUEMdU.js";
+import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-BR9Nfflx.js";
+import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-cfaISqs6.js";
+import { B as Oa, m as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-SQtHILAM.js";
 import { B as Cs, I as Ts, M as cs, d as Ds, e as Is, g as Ss, N as bs, b as Bs, a as Ps, f as Fs, P as Ms, c as ks, S as Ns, T as vs } from "./mobile-nav-wrapper-DyNFnla-.js";
 import { B as xs, a as hs, C as ys, F as Ws, b as Ls, c as As, M as Hs, P as ws, S as Us } from "./sidebar-menu-page-lAu74WTl.js";
 import { A as Rs, F as Es, M as Gs, a as Vs, T as js } 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, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-B5mxZK4X.js";
-import { A as O, P as R, g as _ } from "./calendar-BBscVRVI.js";
+import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-BR9Nfflx.js";
+import { A as O, P as R, g as _ } from "./calendar-cfaISqs6.js";
 export {
   o as Alert,
   O as Avatar,

package/dist/organisms.es.js

@@ -1,5 +1,5 @@
-import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-panel-C1bUEMdU.js";
-import { b as I, C as L, D as O, a as F, F as U, M as G, c as j, p as q } from "./calendar-BBscVRVI.js";
+import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-panel-SQtHILAM.js";
+import { b as I, C as L, D as O, a as F, F as U, M as G, c as j, p as q } from "./calendar-cfaISqs6.js";
 import { B as z, I as A, M as E, d as J, e as K, g as Q, N as R, b as V, a as X, f as Y, P as Z, c as _, S as $, T as aa } from "./mobile-nav-wrapper-DyNFnla-.js";
 export {
   s as BackButton,

package/dist/{signature-panel-C1bUEMdU.js → signature-panel-SQtHILAM.js}

@@ -4,7 +4,7 @@ import { B as C, I as z } from "./buttons-CVEwmPAi.js";
 import { Icons as w } from "./icons.es.js";
 import { TableBody as _, List as G, IntervalTimer as V } from "@base-framework/organisms";
 import { C as J, I as Z, H as ee } from "./inputs-C1dvFQuB.js";
-import { A as te, P as se } from "./calendar-BBscVRVI.js";
+import { A as te, P as se } from "./calendar-cfaISqs6.js";
 u((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.22",
+	"version": "1.0.24",
 	"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": {