@base-framework/ui 1.0.11 → 1.0.13

package/dist/index.es.js

@@ -5,7 +5,7 @@ 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-34GijCiu.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-BjUju8_5.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-DUghPs3y.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-D_C96Oak.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/organisms.es.js

@@ -1,4 +1,4 @@
-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-DUghPs3y.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-D_C96Oak.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-BjUju8_5.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 {

package/dist/{signature-panel-DUghPs3y.js → signature-panel-D_C96Oak.js}

@@ -1,10 +1,10 @@
-import { Button as v, Div as o, On as U, Span as y, Th as P, UseParent as Y, I as E, Thead as F, Tr as H, Table as Q, P as m, Li as D, Time as X, Nav as S, Ul as b, Section as O, Canvas as q } from "@base-framework/atoms";
-import { Atom as u, Component as g, Data as L, DateTime as K, Jot as R, router as k, NavLink as M, base as B, Dom as I } from "@base-framework/base";
+import { Button as v, Div as o, On as U, Span as y, Th as P, I as Y, Thead as E, Tr as F, Table as H, P as m, Li as D, Time as Q, Nav as S, Ul as b, Section as O, Canvas as X } from "@base-framework/atoms";
+import { Atom as u, Component as g, Data as L, DateTime as q, Jot as R, router as k, NavLink as M, base as B, Dom as I } from "@base-framework/base";
 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-O_WkdbI3.js";
-import { A as te, P as se } from "./calendar-BjUju8_5.js";
+import { TableBody as K, List as _, IntervalTimer as G } from "@base-framework/organisms";
+import { C as V, I as J, H as Z } from "./inputs-O_WkdbI3.js";
+import { A as ee, P as te } from "./calendar-BjUju8_5.js";
 u((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,
@@ -34,31 +34,31 @@ class _e extends g {
     return o({ class: this.class || "" }, this.children);
   }
 }
-const ne = (t) => {
+const se = (t) => {
   const e = new Date(t, 11, 31), s = new Date(t, 0, 1);
   return e.getDay() === 4 || // December 31 is a Thursday
   s.getDay() === 4;
-}, ae = (t) => {
+}, ne = (t) => {
   const e = new Date(t.valueOf()), s = (e.getDay() + 6) % 7;
   e.setDate(e.getDate() - s + 3);
   const n = e.getFullYear(), a = new Date(n, 0, 4);
   a.setDate(a.getDate() - (a.getDay() + 6) % 7);
   const i = Math.ceil((e - a) / 6048e5) + 1;
-  return i > 52 && !ne(n) ? {
+  return i > 52 && !se(n) ? {
     weekNumber: 1,
     year: n + 1
   } : {
     weekNumber: i,
     year: n
   };
-}, ie = (t, e, s) => {
+}, ae = (t, e, s) => {
   if (s === 0) return [];
   const n = new Date(t, e, 0).getDate();
   return Array.from(
     { length: s },
     (a, i) => new Date(t, e - 1, n - s + i + 1)
   );
-}, oe = (t, e, s) => Array.from({ length: s }, (n, a) => new Date(t, e + 1, a + 1)), T = (t, e) => {
+}, ie = (t, e, s) => Array.from({ length: s }, (n, a) => new Date(t, e + 1, a + 1)), T = (t, e) => {
   const s = new Date(e, 0, 4), n = (s.getDay() + 6) % 7, a = new Date(s);
   a.setDate(s.getDate() - n);
   const i = new Date(a);
@@ -77,11 +77,11 @@ const ne = (t) => {
   for (let i = 1; i <= s; i++)
     a.push(new Date(t, e, i)), a.length === 7 && (n.push(a), a = []);
   return a.length > 0 && n.push(a), n;
-}, le = (t, e, s) => {
+}, oe = (t, e, s) => {
   const n = /* @__PURE__ */ new Date();
   return n.getDate() === t && n.getMonth() === e && n.getFullYear() === s;
-}, re = ({ day: t, month: e, year: s, weekNumber: n, selectWeek: a }) => {
-  const i = le(t, e, s);
+}, le = ({ day: t, month: e, year: s, weekNumber: n, selectWeek: a }) => {
+  const i = oe(t, e, s);
   return v({
     text: t || "",
     disabled: !t,
@@ -92,10 +92,10 @@ const ne = (t) => {
         `,
     click: () => a(n, s)
   });
-}, ce = (t, e) => {
-  const s = new Date(t, e, 1).getDay(), n = new Date(t, e + 1, 0).getDate(), a = ie(t, e, s), i = Array.from({ length: n }, (r, p) => new Date(t, e, p + 1)), l = (a.length + i.length) % 7, d = l === 0 ? 0 : 7 - l, c = oe(t, e, d), h = [...a, ...i, ...c], f = [];
+}, re = (t, e) => {
+  const s = new Date(t, e, 1).getDay(), n = new Date(t, e + 1, 0).getDate(), a = ae(t, e, s), i = Array.from({ length: n }, (r, p) => new Date(t, e, p + 1)), l = (a.length + i.length) % 7, d = l === 0 ? 0 : 7 - l, c = ie(t, e, d), h = [...a, ...i, ...c], f = [];
   for (let r = 0; r < h.length; r += 7) {
-    const p = h.slice(r, r + 7), x = p.find((j) => j) || new Date(t, e, 1), { weekNumber: $, year: A } = ae(x);
+    const p = h.slice(r, r + 7), x = p.find((j) => j) || new Date(t, e, 1), { weekNumber: $, year: A } = ne(x);
     f.push({
       weekNumber: $,
       year: A,
@@ -103,8 +103,8 @@ const ne = (t) => {
     });
   }
   return f;
-}, de = ({ selectWeek: t }) => U("month", (e, s, { data: n }) => {
-  const { year: a, month: i, currentDate: l } = n, d = ce(a, i);
+}, ce = ({ selectWeek: t }) => U("month", (e, s, { data: n }) => {
+  const { year: a, month: i, currentDate: l } = n, d = re(a, i);
   return o(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
     [
@@ -141,7 +141,7 @@ const ne = (t) => {
           o(
             { class: "grid grid-cols-7 col-span-7 text-center" },
             h.map(
-              (r) => re({
+              (r) => le({
                 year: (r == null ? void 0 : r.getFullYear()) || null,
                 month: (r == null ? void 0 : r.getMonth()) || null,
                 day: (r == null ? void 0 : r.getDate()) || null,
@@ -169,7 +169,7 @@ const ne = (t) => {
     variant: "icon",
     icon: t === "Previous" ? w.chevron.single.left : w.chevron.single.right
   }
-), he = ({ next: t, previous: e }) => o({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
+), de = ({ next: t, previous: e }) => o({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
   y("[[monthName]] [[year]]"),
   W({
     label: "Previous",
@@ -233,7 +233,7 @@ class Je extends g {
    * @returns {string}
    */
   getMonthName(e) {
-    return K.monthNames[e];
+    return q.monthNames[e];
   }
   /**
    * Updates the calendar to show the previous month.
@@ -288,18 +288,21 @@ class Je extends g {
    */
   render() {
     return o({ class: "week-calendar-container border rounded-md bg-background p-3" }, [
-      he({
+      de({
         next: () => this.goToNextMonth(),
         previous: () => this.goToPreviousMonth()
       }),
-      de({
+      ce({
         selectWeek: (e, s) => this.selectWeek(e, s)
       })
     ]);
   }
 }
-const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
-  Y((e) => new J({ class: "mr-2", onChange: () => e.toggleAllSelectedRows() }))
+const he = (t, e) => {
+  const s = e.toggleAllSelectedRows();
+  t.target.checked = !s;
+}, ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
+  new V({ class: "mr-2", onChange: he })
 ]), ge = ({ align: t, sortable: e, key: s, label: n, sort: a, class: i }) => {
   const l = t || "justify-start";
   return P({
@@ -308,11 +311,11 @@ const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
   }, [
     o({ class: `flex flex-auto w-full items-center ${l}` }, [
       y(n),
-      e && E({ class: "ml-2", html: w.arrows.upDown })
+      e && Y({ class: "ml-2", html: w.arrows.upDown })
     ])
   ]);
-}, fe = (t) => F([
-  H({
+}, fe = (t) => E([
+  F({
     class: "text-muted-foreground border-b",
     map: [t.headers, (e) => e.label === "checkbox" ? ue({ toggle: t.toggle }) : ge({
       align: e.align,
@@ -322,7 +325,7 @@ const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
       sort: t.sort
     })]
   })
-]), pe = ({ key: t, rows: e, selectRow: s, rowItem: n }) => new _({
+]), pe = ({ key: t, rows: e, selectRow: s, rowItem: n }) => new K({
   cache: "table",
   key: t,
   items: e,
@@ -344,11 +347,11 @@ const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
     /**
      * This will toggle all selected rows.
      *
-     * @returns {void}
+     * @returns {boolean}
      */
     toggleAllSelectedRows() {
       const t = this.table.getRows(), e = this.data.selectedRows.length === t.length, s = e ? [] : t;
-      this.data.selectedRows = s, this.updateSelected(), this.updateTable(!e);
+      return this.data.selectedRows = s, this.updateSelected(), this.updateTable(!select), e;
     },
     /**
      * This will update the selected state.
@@ -398,7 +401,7 @@ const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
       const t = this.rows, e = this.border !== !1 ? "border" : "";
       return o({ class: "w-full" }, [
         o({ class: `w-full rounded-md ${e} overflow-x-auto` }, [
-          Q({ class: "w-full" }, [
+          H({ class: "w-full" }, [
             // @ts-ignore
             this.headers && fe({ headers: this.headers, sort: (s) => this.sortRows(s) }),
             // @ts-ignore
@@ -486,13 +489,13 @@ const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
   m({ class: "text-xs leading-5 text-gray-500" }, "Online")
 ]), be = (t) => m({ class: "text-xs leading-5 text-muted-foreground" }, [
   y("Last seen "),
-  X({ datetime: t }, "3h ago")
+  Q({ datetime: t }, "3h ago")
 ]), xe = (t, e) => t === "online" ? we() : be(e), ke = u(({ role: t, lastSeen: e, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
   m({ class: "text-sm leading-6 m-0" }, t),
   xe(s, e)
 ])), ve = (t) => t.split(" ").map((s) => s[0]).join(""), ye = u((t) => D({ 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" }, [
-    te({ src: t.image, alt: t.name, fallbackText: ve(t.name) }),
+    ee({ src: t.image, alt: t.name, fallbackText: ve(t.name) }),
     me({ name: t.name, email: t.email })
   ]),
   ke({
@@ -500,7 +503,7 @@ const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
     lastSeen: t.lastSeen,
     status: t.status
   })
-])), et = u((t) => new G({
+])), et = u((t) => new _({
   cache: "list",
   key: "name",
   items: t.users,
@@ -852,7 +855,7 @@ const Ce = u(({ index: t, click: e, state: s }, n) => D({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
   for: ["filteredOptions", (s, n) => Ce({ index: n, click: t, state: e }, s.label)]
 })), Ie = 100, Te = u((t) => o({ class: "relative flex items-center" }, [
-  Z({
+  J({
     cache: "input",
     placeholder: t.placeholder ?? "Search...",
     bind: [t.state, "searchQuery"],
@@ -870,7 +873,7 @@ const Ce = u(({ index: t, click: e, state: s }, n) => D({
   class: "relative flex fle-auto flex-col",
   onState: ["open", (e, s, n) => {
     if (e)
-      return new se({
+      return new te({
         cache: "dropdown",
         parent: n,
         button: n.input,
@@ -1322,7 +1325,7 @@ class Ye extends g {
   onCreated() {
     this.lineWidth = this.lineWidth || 3, this.lineColor = this.lineColor || "#000000", this.canvas = null, this.ctx = null, this.status = "stopped";
     const e = 1e3 / 60;
-    this.timer = new V(e, this.draw.bind(this)), this.width = 0, this.height = 0, this.signed = !1, this.mouse = { x: 0, y: 0, status: "up" }, this.margin = this.margin || { x: 40, y: 60 }, this.targetSize = this.targetSize || { width: 740, height: 345 }, this.baseLineWidth = this.baseLineWidth || 2, this.baseStrokeColor = this.baseStrokeColor || "#000000";
+    this.timer = new G(e, this.draw.bind(this)), this.width = 0, this.height = 0, this.signed = !1, this.mouse = { x: 0, y: 0, status: "up" }, this.margin = this.margin || { x: 40, y: 60 }, this.targetSize = this.targetSize || { width: 740, height: 345 }, this.baseLineWidth = this.baseLineWidth || 2, this.baseStrokeColor = this.baseStrokeColor || "#000000";
   }
   /**
    * Renders a <canvas> element.
@@ -1330,7 +1333,7 @@ class Ye extends g {
    * @returns {object} Layout definition for the canvas.
    */
   render() {
-    return q({
+    return X({
       style: "touch-action: none; -webkit-user-select: none; -webkit-touch-callout: none;"
     });
   }
@@ -1555,7 +1558,7 @@ class ct extends g {
    */
   render() {
     return o({ class: "signature-panel relative flex flex-auto overflow-hidden select-none" }, [
-      ee({
+      Z({
         cache: "hiddenInput",
         required: !0,
         bind: this.path + ".data"
@@ -1629,15 +1632,15 @@ export {
   fe as T,
   ye as U,
   Je as W,
-  oe as a,
+  ie as a,
   T as b,
-  ae as c,
+  ne as c,
   Ge as d,
   Ve as e,
-  re as f,
-  ie as g,
-  de as h,
-  he as i,
+  le as f,
+  ae as g,
+  ce as h,
+  de as i,
   Ze as j,
   et as k,
   nt as l,

package/package.json

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