@base-framework/ui 1.0.136 → 1.0.138

package/dist/{calendar-D8GLE8AM.js → calendar-DnMvOIrf.js}

@@ -1,12 +1,12 @@
-import { Div as i, Img as I, Span as M, Button as Y } from "@base-framework/atoms";
-import { Component as N, Data as z, Atom as k, DateTime as j } from "@base-framework/base";
-import { B as A } from "./buttons-Cm9etaEG.js";
+import { Div as i, Img as F, Span as M, Button as j } from "@base-framework/atoms";
+import { Component as N, Data as z, Atom as k, DateTime as I } from "@base-framework/base";
+import { B as Y } from "./buttons-Cm9etaEG.js";
 import { Icons as T } from "./icons.es.js";
 const W = (e, t) => {
-  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), o = 10, r = globalThis.scrollX, l = globalThis.scrollY;
-  let c = n.left + r, f = n.bottom + l;
-  const h = globalThis.innerHeight - n.bottom, d = n.top;
-  return c + s.width > globalThis.innerWidth && (c = globalThis.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 };
+  const s = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, n = t.getBoundingClientRect(), o = 10, r = globalThis.scrollX, l = globalThis.scrollY;
+  let c = s.left + r, f = s.bottom + l;
+  const h = globalThis.innerHeight - s.bottom, d = s.top;
+  return c + n.width > globalThis.innerWidth && (c = globalThis.innerWidth - n.width - o), h < n.height && d > h ? f = s.top + l - n.height - o : h < n.height && (f = s.bottom + l - (n.height - h) - o), { x: c, y: f };
 };
 class lt extends N {
   /**
@@ -59,7 +59,7 @@ class lt extends N {
     return i({
       class: `absolute inset-auto fadeIn mt-2 rounded-md p-0 shadow-lg bg-popover min-h-12 backdrop:bg-transparent text-inherit r z-30 ${t}`,
       popover: "manual",
-      toggle: (n, { state: s }) => n.newState === "closed" ? s.open = !1 : null,
+      toggle: (s, { state: n }) => s.newState === "closed" ? n.open = !1 : null,
       style: "top: [[position.y]]px; left: [[position.x]]px"
     }, this.children);
   }
@@ -72,7 +72,7 @@ class lt extends N {
     return {
       open: {
         id: this.parent.getId(),
-        callBack: (s) => {
+        callBack: (n) => {
           this.state.open === !1 && this.destroy();
         }
       }
@@ -84,8 +84,8 @@ class lt extends N {
    * @returns {void}
    */
   updatePosition() {
-    const t = this.button ?? null, n = this.panel, s = W(t, n);
-    this.data.position = s;
+    const t = this.button ?? null, s = this.panel, n = W(t, s);
+    this.data.position = n;
   }
   /**
    * This will run after the setup.
@@ -136,16 +136,16 @@ class lt extends N {
     this.panel.hidePopover();
   }
 }
-const H = k(({ src: e, alt: t }) => e ? I({
+const H = k(({ src: e, alt: t }) => e ? F({
   class: "absolute w-full h-full rounded-full object-cover fadeIn",
   src: e,
   alt: t,
   /**
    * If there's an error loading the image, hide it.
    */
-  error: (n) => n.target.style.display = "none"
-}) : null), R = (e) => e && (typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("")), B = (e) => !e || e.length < 2 ? e : R(e), X = (e) => M([e, (t, n) => {
-  n.textContent = B(t);
+  error: (s) => s.target.style.display = "none"
+}) : null), R = (e) => e && (typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("")), B = (e) => !e || e.length < 2 ? e : R(e), X = (e) => M({ class: "uppercase" }, [e, (t, s) => {
+  Array.isArray(t) && (t = t.join(" ")), s.textContent = B(t);
 }]), S = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
@@ -166,8 +166,8 @@ const H = k(({ src: e, alt: t }) => e ? I({
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, E = (e) => S[e] || S.default, G = (e) => P[e] || P.default, L = (e, t = null, n = "md") => {
-  const s = B(e), o = G(n);
+}, E = (e) => S[e] || S.default, G = (e) => P[e] || P.default, L = (e, t = null, s = "md") => {
+  const n = B(e), o = G(s);
   return i(
     {
       class: `
@@ -177,10 +177,10 @@ const H = k(({ src: e, alt: t }) => e ? I({
 		`
     },
     [
-      t ? X(t) : M({ class: "uppercase" }, s)
+      t ? X(t) : M({ class: "uppercase" }, n)
     ]
   );
-}, ct = k(({ src: e, alt: t, fallbackText: n, watcherFallback: s, size: o }) => {
+}, ct = k(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: o }) => {
   const r = E(o);
   return i(
     {
@@ -188,78 +188,78 @@ const H = k(({ src: e, alt: t }) => e ? I({
     },
     [
       H({ src: e, alt: t }),
-      L(n, s, o)
+      L(s, n, o)
     ]
   );
-}), 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), m = (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) => {
+}), 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), m = (e, t, s) => `${e}-${x(t + 1)}-${x(s)}`, 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, s, n) => {
+  const o = U(t, n);
+  return o || (e ? J(e) : s ? K(s) : "text-foreground");
+}, C = (e) => {
   const {
     day: t,
-    currentDate: n,
-    date: s,
+    currentDate: s,
+    date: n,
     isToday: o,
     isOutsideMonth: r,
     select: l,
     disabled: c
   } = e;
-  return Y(
+  return j(
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
-				${V(o, n, r, s)}
+				${V(o, s, r, n)}
 				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,
       // Only call select if it's not disabled.
-      click: () => !c && l(s)
+      click: () => !c && l(n)
     },
     t.toString()
   );
-}, C = (e, t, n, s) => e === s.date && t === s.month && n === s.year, Z = (e, t, n, s = !1) => {
+}, v = (e, t, s, n) => e === n.date && t === n.month && s === n.year, Z = (e, t, s, n = !1) => {
   const { year: o, month: r } = e, l = m(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, y = r === 0 ? o - 1 : o;
   for (let a = c - 1; a >= 0; a--) {
-    const u = h - a, g = C(u, D, y, t), p = new Date(y, D, u) < new Date(t.year, t.month, t.date), F = s && p;
+    const u = h - a, g = v(u, D, y, t), p = new Date(y, D, u) < new Date(t.year, t.month, t.date), A = n && p;
     d.push(
-      v({
+      C({
         day: u,
         currentDate: l,
         date: m(y, D, u),
         isToday: g,
         isOutsideMonth: !0,
-        select: n,
-        disabled: F
+        select: s,
+        disabled: A
       })
     );
   }
   for (let a = 1; a <= f; a++) {
-    const u = C(a, r, o, t), g = new Date(o, r, a) < new Date(t.year, t.month, t.date), p = s && g;
+    const u = v(a, r, o, t), g = new Date(o, r, a) < new Date(t.year, t.month, t.date), p = n && g;
     d.push(
-      v({
+      C({
         day: a,
         currentDate: l,
         date: m(o, r, a),
         isToday: u,
         isOutsideMonth: !1,
-        select: n,
+        select: s,
         disabled: p
       })
     );
   }
   const w = r === 11 ? 0 : r + 1, b = r === 11 ? o + 1 : o, O = (7 - d.length % 7) % 7;
   for (let a = 1; a <= O; a++) {
-    const u = C(a, w, b, t), g = new Date(b, w, a) < new Date(t.year, t.month, t.date), p = s && g;
+    const u = v(a, w, b, t), g = new Date(b, w, a) < new Date(t.year, t.month, t.date), p = n && g;
     d.push(
-      v({
+      C({
         day: a,
         currentDate: l,
         date: m(b, w, a),
         isToday: u,
         isOutsideMonth: !0,
-        select: n,
+        select: s,
         disabled: p
       })
     );
@@ -268,7 +268,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
 }, _ = (e) => i(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
-), $ = ({ label: e, click: t }) => A(
+), $ = ({ label: e, click: t }) => Y(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -291,7 +291,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
     label: "Next",
     click: e
   })
-]), et = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(_), nt = (e) => i({ class: "rdp w-full space-y-1" }, [
+]), et = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(_), st = (e) => i({ class: "rdp w-full space-y-1" }, [
   tt({
     next: e.next,
     previous: e.previous
@@ -331,8 +331,8 @@ class ut extends N {
    * @returns {Date}
    */
   getSelectedDate(t) {
-    const n = this.selectedDate ? new Date(q(this.selectedDate)) : t;
-    return new Date(n.getFullYear(), n.getMonth(), n.getDate());
+    const s = this.selectedDate ? new Date(q(this.selectedDate)) : t;
+    return new Date(s.getFullYear(), s.getMonth(), s.getDate());
   }
   /**
    * This will set up the data for the calendar.
@@ -340,14 +340,14 @@ class ut extends N {
    * @returns {Data}
    */
   setData() {
-    const t = /* @__PURE__ */ new Date(), n = this.getSelectedDate(t), s = n.getMonth();
+    const t = /* @__PURE__ */ new Date(), s = this.getSelectedDate(t), n = s.getMonth();
     return new z({
-      monthName: this.getMonthName(s),
-      currentDate: `${n.getFullYear()}-${s + 1}-${n.getDate()}`,
+      monthName: this.getMonthName(n),
+      currentDate: `${s.getFullYear()}-${n + 1}-${s.getDate()}`,
       current: {
-        date: n.getDate(),
-        year: n.getFullYear(),
-        month: s
+        date: s.getDate(),
+        year: s.getFullYear(),
+        month: n
       },
       today: {
         date: t.getDate(),
@@ -363,7 +363,7 @@ class ut extends N {
    * @returns {string}
    */
   getMonthName(t) {
-    return j.monthNames[t];
+    return I.monthNames[t];
   }
   /**
    * This will go to the previous month.
@@ -372,8 +372,8 @@ class ut extends N {
    */
   goToPreviousMonth() {
     const t = this.data;
-    let n = t.current.month, s = t.current.year;
-    n === 0 ? (n = 11, s--) : n--, this.setCurrentDate(n, s);
+    let s = t.current.month, n = t.current.year;
+    s === 0 ? (s = 11, n--) : s--, this.setCurrentDate(s, n);
   }
   /**
    * This will go to the next month.
@@ -382,8 +382,8 @@ class ut extends N {
    */
   goToNextMonth() {
     const t = this.data;
-    let n = t.current.month, s = t.current.year;
-    n === 11 ? (n = 0, s++) : n++, this.setCurrentDate(n, s);
+    let s = t.current.month, n = t.current.year;
+    s === 11 ? (s = 0, n++) : s++, this.setCurrentDate(s, n);
   }
   /**
    * This will set the current month and year.
@@ -393,9 +393,9 @@ class ut extends N {
    * @param {number} [date=null]
    * @returns {void}
    */
-  setCurrentDate(t, n, s = null) {
+  setCurrentDate(t, s, n = null) {
     const o = this.data;
-    o.current.month = t, o.current.year = n, typeof s == "number" && (o.current.date = x(s)), o.currentDate = `${n}-${x(t + 1)}-${o.current.date}`, o.monthName = this.getMonthName(t);
+    o.current.month = t, o.current.year = s, typeof n == "number" && (o.current.date = x(n)), o.currentDate = `${s}-${x(t + 1)}-${o.current.date}`, o.monthName = this.getMonthName(t);
   }
   /**
    * This will select a date.
@@ -404,8 +404,8 @@ class ut extends N {
    * @returns {void}
    */
   selectDate(t) {
-    const n = /* @__PURE__ */ new Date(t + "T00:00:00");
-    this.setCurrentDate(n.getMonth(), n.getFullYear(), n.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(this.data.currentDate);
+    const s = /* @__PURE__ */ new Date(t + "T00:00:00");
+    this.setCurrentDate(s.getMonth(), s.getFullYear(), s.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(this.data.currentDate);
   }
   /**
    * This will render the calendar.
@@ -414,7 +414,7 @@ class ut extends N {
    */
   render() {
     return i({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
-      nt({
+      st({
         current: this.data.current,
         today: this.data.today,
         select: (t) => this.selectDate(t),
@@ -428,9 +428,9 @@ class ut extends N {
 export {
   ct as A,
   Z as C,
-  v as D,
+  C as D,
   m as F,
-  nt as M,
+  st as M,
   lt as P,
   _ as a,
   ut as b,

package/dist/{confirmation-CNaxkDd3.js → confirmation-D4j3JK8R.js}

@@ -1,6 +1,6 @@
 import { Div as n, H5 as _, P as b, I as g, Li as O, Span as a, Ul as V, Button as m, OnState as v, Label as R, Form as W, H2 as A, Header as B, Footer as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, UseParent as Q, Time as X, Dialog as Z } from "@base-framework/atoms";
 import { Atom as c, Component as p, Html as L, Dom as ee, base as te, Data as k, Builder as H, Jot as S, DateTime as $ } from "@base-framework/base";
-import { P as D, b as se } from "./calendar-D8GLE8AM.js";
+import { P as D, b as se } from "./calendar-DnMvOIrf.js";
 import { B as h, I as x } from "./buttons-Cm9etaEG.js";
 import { Icons as u } from "./icons.es.js";
 import { a as w } from "./veil-D4dRxILB.js";
@@ -415,7 +415,7 @@ class yt extends p {
    * @returns {void}
    */
   beforeDestroy() {
-    this.panel.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(), document.documentElement.style.overflowY = "auto";
+    this.panel.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(this), document.documentElement.style.overflowY = "auto";
   }
 }
 const F = {

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 D, D as S, c as I, 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 H, W as L } from "./inputs-Dmu4Z-7-.js";
 import { V as w, a as U } from "./veil-D4dRxILB.js";
 import { Icons as O } from "./icons.es.js";
-import { A as G, 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, g as ra, e as na, h as ia, F as la, d as pa, f as ua, u as ma, M as da, l as ga, N as Ca, P as Ta, p as ca, q as ba, S as Da, n as Sa, o as Ia, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./confirmation-CNaxkDd3.js";
-import { A as va, b as fa, C as xa, D as ha, a as ya, F as Wa, M as Ha, P as La, c as Aa, g as wa, p as Ua } from "./calendar-D8GLE8AM.js";
-import { B as Oa, n as Ea, C as Ga, j as Va, D as ja, l as qa, H as za, I as Ja, N as _a, O as Ka, P as Qa, S as Xa, m as Ya, r as Za, q as $a, o as as, p as ss, T as es, k as os, U as ts, W as rs, f as ns, h as is, i as ls, c as ps, d as us, b as ms, e as ds, a as gs, g as Cs } from "./signature-panel-rfv7cz7U.js";
+import { A as G, 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, g as ra, e as na, h as ia, F as la, d as pa, f as ua, u as ma, M as da, l as ga, N as Ca, P as Ta, p as ca, q as ba, S as Da, n as Sa, o as Ia, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./confirmation-D4j3JK8R.js";
+import { A as va, b as fa, C as xa, D as ha, a as ya, F as Wa, M as Ha, P as La, c as Aa, g as wa, p as Ua } from "./calendar-DnMvOIrf.js";
+import { B as Oa, n as Ea, C as Ga, j as Va, D as ja, l as qa, H as za, I as Ja, N as _a, O as Ka, P as Qa, S as Xa, m as Ya, r as Za, q as $a, o as as, p as ss, T as es, k as os, U as ts, W as rs, f as ns, h as is, i as ls, c as ps, d as us, b as ms, e as ds, a as gs, g as Cs } from "./signature-panel-14BzDcWs.js";
 import { B as cs, I as bs, M as Ds, d as Ss, e as Is, g as Bs, N as Ps, b as Fs, a as Ms, f as ks, P as Ns, c as vs, S as fs, T as xs } from "./mobile-nav-wrapper-Dj67Pb8l.js";
 import { B as ys, a as Ws, C as Hs, F as Ls, b as As, c as ws, M as Us, P as Rs, S as Os } from "./sidebar-menu-page-BVryQj2Z.js";
 import { A as Gs, F as Vs, M as js, a as qs, T as zs } 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 C, s as d, c as g, a as p, b as F, i as T, g as A, e as P, h as f, F as w, d as b, f as B, u as I, M, l as x, N as y, P as k, p as v, q as N, S as h, n as E, o as L, T as R, y as U, z as j, m as q, r as z } from "./confirmation-CNaxkDd3.js";
-import { A as H, P as O, g as _ } from "./calendar-D8GLE8AM.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 C, s as d, c as g, a as p, b as F, i as T, g as A, e as P, h as f, F as w, d as b, f as B, u as I, M, l as x, N as y, P as k, p as v, q as N, S as h, n as E, o as L, T as R, y as U, z as j, m as q, r as z } from "./confirmation-D4j3JK8R.js";
+import { A as H, P as O, g as _ } from "./calendar-DnMvOIrf.js";
 export {
   o as Alert,
   H as Avatar,

package/dist/organisms.es.js

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

package/dist/{signature-panel-rfv7cz7U.js → signature-panel-14BzDcWs.js}

@@ -4,7 +4,7 @@ import { B as C, I as V } from "./buttons-Cm9etaEG.js";
 import { Icons as k } from "./icons.es.js";
 import { TableBody as _, ScrollableTableBody as J, List as Z, IntervalTimer as ee } from "@base-framework/organisms";
 import { C as te, I as se, H as ae } from "./inputs-Dmu4Z-7-.js";
-import { A as ie, P as ne } from "./calendar-D8GLE8AM.js";
+import { A as ie, P as ne } from "./calendar-DnMvOIrf.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.136",
+	"version": "1.0.138",
 	"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": {