@base-framework/ui 1.0.214 → 1.0.215

package/dist/{calendar-Bvg0AY6S.js → calendar-g937lhWs.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 { Div as l, Img as j, Span as $, Button as I, OnState as W } from "@base-framework/atoms";
+import { Component as N, Data as z, Atom as Y, DateTime as B } from "@base-framework/base";
 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(), a = 10, r = globalThis.scrollX, l = globalThis.scrollY;
-  let c = n.left + r, g = n.bottom + l;
+  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), a = 10, r = globalThis.scrollX, i = globalThis.scrollY;
+  let c = n.left + r, g = n.bottom + i;
   const d = globalThis.innerHeight - n.bottom, h = n.top;
-  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 };
+  return c + s.width > globalThis.innerWidth && (c = globalThis.innerWidth - s.width - a), d < s.height && h > d ? g = n.top + i - s.height - a : d < s.height && (g = n.bottom + i - (s.height - d) - a), { x: c, y: g };
 };
 class ht extends N {
   /**
@@ -15,7 +15,7 @@ class ht extends N {
    * @returns {object}
    */
   setData() {
-    const t = this.parent.data || new Y();
+    const t = this.parent.data || new z();
     return t.set({
       position: { x: 0, y: 0 }
     }), t;
@@ -56,7 +56,7 @@ class ht extends N {
    */
   render() {
     const t = this.getSize();
-    return i({
+    return l({
       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,
@@ -136,7 +136,7 @@ class ht extends N {
     this.panel.hidePopover();
   }
 }
-const R = z(({ src: e, alt: t }) => e ? j({
+const R = Y(({ src: e, alt: t }) => e ? j({
   class: "absolute w-full h-full rounded-full object-cover fadeIn",
   src: e,
   alt: t,
@@ -144,7 +144,7 @@ const R = z(({ src: e, alt: t }) => e ? j({
    * If there's an error loading the image, hide it.
    */
   error: (n) => n.target.style.display = "none"
-}) : null), X = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), O = (e) => !e || e.length < 2 ? e : X(e), E = (e) => P([e, (t, n) => {
+}) : null), X = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), O = (e) => !e || e.length < 2 ? e : X(e), E = (e) => $([e, (t, n) => {
   n.textContent = O(t);
 }]), T = {
   xs: "h-6 w-6",
@@ -168,7 +168,7 @@ const R = z(({ src: e, alt: t }) => e ? j({
   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), a = L(n);
-  return i(
+  return l(
     {
       class: `
 			flex items-center justify-center w-full h-full rounded-full
@@ -177,12 +177,12 @@ const R = z(({ src: e, alt: t }) => e ? j({
 		`
     },
     [
-      t ? E(t) : P({ class: "uppercase" }, s)
+      t ? E(t) : $({ class: "uppercase" }, s)
     ]
   );
-}, dt = z(({ src: e, alt: t, fallbackText: n, watcherFallback: s, size: a }) => {
+}, dt = Y(({ src: e, alt: t, fallbackText: n, watcherFallback: s, size: a }) => {
   const r = G(a);
-  return i(
+  return l(
     {
       class: `relative flex items-center justify-center ${r}`
     },
@@ -191,19 +191,21 @@ const R = z(({ src: e, alt: t }) => e ? j({
       U(n, s, a)
     ]
   );
-}), _ = ({ currentYear: e, onSelect: t }) => i(
+}), _ = ({ currentMonth: e, currentYear: t, onSelect: n }) => l(
   { class: "grid grid-cols-3 gap-2" },
   B.monthNames.map(
-    (n, s) => m(
+    (s, a) => m(
       {
-        click: () => t(s),
-        variant: "ghost",
-        "aria-label": `Select ${n} ${e}`
+        click: (r) => {
+          r.preventDefault(), r.stopPropagation(), n(a);
+        },
+        variant: e === a ? "ghost" : "primary",
+        "aria-label": `Select ${s} ${t}`
       },
-      n.substring(0, 3)
+      s.substring(0, 3)
     )
   )
-), 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) => {
+), 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), D = (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, V = (e, t) => Q(e, t) ? "bg-primary text-primary-foreground" : "", Z = (e, t, n, s) => {
   const a = V(t, s);
   return a || (e ? J(e) : n ? K(n) : "text-foreground");
 }, C = (e) => {
@@ -213,7 +215,7 @@ const R = z(({ src: e, alt: t }) => e ? j({
     date: s,
     isToday: a,
     isOutsideMonth: r,
-    select: l,
+    select: i,
     disabled: c
   } = e;
   return I(
@@ -227,19 +229,19 @@ const R = z(({ src: e, alt: t }) => e ? j({
       disabled: c || t === null,
       "aria-label": t ? `Day ${t}` : null,
       // Only call select if it's not disabled.
-      click: () => !c && l(s)
+      click: () => !c && i(s)
     },
     t.toString()
   );
 }, M = (e, t, n, s) => e === s.date && t === s.month && n === s.year, tt = (e, t, n, s = !1) => {
-  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;
+  const { year: a, month: r } = e, i = D(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), p = new Date(w, y, u) < new Date(t.year, t.month, t.date), F = s && p;
     h.push(
       C({
         day: u,
-        currentDate: l,
-        date: x(w, y, u),
+        currentDate: i,
+        date: D(w, y, u),
         isToday: f,
         isOutsideMonth: !0,
         select: n,
@@ -252,8 +254,8 @@ const R = z(({ src: e, alt: t }) => e ? j({
     h.push(
       C({
         day: o,
-        currentDate: l,
-        date: x(a, r, o),
+        currentDate: i,
+        date: D(a, r, o),
         isToday: u,
         isOutsideMonth: !1,
         select: n,
@@ -267,8 +269,8 @@ const R = z(({ src: e, alt: t }) => e ? j({
     h.push(
       C({
         day: o,
-        currentDate: l,
-        date: x(b, v, o),
+        currentDate: i,
+        date: D(b, v, o),
         isToday: u,
         isOutsideMonth: !0,
         select: n,
@@ -277,7 +279,7 @@ const R = z(({ src: e, alt: t }) => e ? j({
     );
   }
   return h;
-}, $ = ({ label: e, click: t }) => m(
+}, P = ({ label: e, click: t }) => m(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -290,28 +292,28 @@ const R = z(({ src: e, alt: t }) => e ? j({
     variant: "icon",
     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" }, [
+), et = ({ onMonthClick: e, onYearClick: t, next: n, previous: s }) => l({ class: "flex items-center justify-center space-x-2 relative min-h-12 text-sm font-medium" }, [
   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(
+  P({ label: "Previous", click: s }),
+  P({ label: "Next", click: n })
+]), nt = (e) => l(
   { 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), at = (e) => i({ class: "rdp w-full space-y-1" }, [
+), st = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(nt), at = (e) => l({ class: "rdp w-full space-y-1" }, [
   et({
     onMonthClick: e.onMonthClick,
     onYearClick: e.onYearClick,
     next: e.next,
     previous: e.previous
   }),
-  i({
+  l({
     class: "flex flex-auto flex-col w-full",
     onSet: [
       "currentDate",
       () => [
-        i({ class: "grid grid-cols-7" }, st()),
-        i(
+        l({ class: "grid grid-cols-7" }, st()),
+        l(
           { class: "grid grid-cols-7" },
           tt(
             e.current,
@@ -324,14 +326,16 @@ const R = z(({ src: e, alt: t }) => e ? j({
     ]
   })
 ]), rt = ({ currentMonth: e, currentYear: t, onSelect: n }) => {
-  const s = t - 50, a = Array.from({ length: 101 }, (r, l) => s + l);
-  return i(
+  const s = t - 50, a = Array.from({ length: 101 }, (r, i) => s + i);
+  return l(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
     a.map(
       (r) => m(
         {
-          click: () => n(r),
-          variant: "ghost",
+          click: (i) => {
+            i.preventDefault(), i.stopPropagation(), n(r);
+          },
+          variant: r === t ? "ghost" : "primary",
           "aria-label": `Select ${r}`
         },
         r.toString()
@@ -365,7 +369,7 @@ class gt extends N {
    */
   setData() {
     const t = /* @__PURE__ */ new Date(), n = this.getSelectedDate(t), s = n.getMonth();
-    return new Y({
+    return new z({
       monthName: this.getMonthName(s),
       currentDate: `${n.getFullYear()}-${s + 1}-${n.getDate()}`,
       current: {
@@ -430,7 +434,7 @@ class gt extends N {
    */
   setCurrentDate(t, n, s = null) {
     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);
+    a.current.month = t, a.current.year = n, typeof s == "number" && (a.current.date = x(s)), a.currentDate = `${n}-${x(t + 1)}-${a.current.date}`, a.monthName = this.getMonthName(t);
   }
   /**
    * This will select a date.
@@ -448,12 +452,13 @@ class gt extends N {
    * @returns {object}
    */
   render() {
-    return i({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
+    return l({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
       W("view", (t) => {
         switch (t) {
           case "months":
             return _(
               {
+                currentMonth: this.data.current.month,
                 currentYear: this.data.current.year,
                 onSelect: (n) => {
                   this.setCurrentDate(n, this.data.current.year), this.state.view = "calendar";
@@ -494,12 +499,12 @@ export {
   dt as A,
   tt as C,
   C as D,
-  x as F,
+  D as F,
   at as M,
   ht as P,
   nt as a,
   gt as b,
   q as c,
   H as g,
-  D as p
+  x as p
 };

package/dist/{empty-state-Cmj6BpXb.js → empty-state-DX8ih8Tm.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-Bvg0AY6S.js";
+import { P as T, b as oe } from "./calendar-g937lhWs.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-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 { 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-DX8ih8Tm.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-g937lhWs.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-BVYXGRnM.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-Cmj6BpXb.js";
-import { A as O, P as _, g as J } from "./calendar-Bvg0AY6S.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-DX8ih8Tm.js";
+import { A as O, P as _, g as J } from "./calendar-g937lhWs.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--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 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-BVYXGRnM.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-g937lhWs.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--Rz3Tmii.js → signature-panel-BVYXGRnM.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-Bvg0AY6S.js";
+import { A as oe, P as le } from "./calendar-g937lhWs.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,

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

@@ -1,4 +1,5 @@
-export function MonthSelector({ currentYear, onSelect }: {
+export function MonthSelector({ currentMonth, currentYear, onSelect }: {
+    currentMonth: number;
     currentYear: number;
     onSelect: Function;
 }): object;

package/package.json

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