@base-framework/ui 1.0.11 → 1.0.12

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-CuDOB5K1.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-CuDOB5K1.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-CuDOB5K1.js}

@@ -1,5 +1,5 @@
-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 l, On as U, Span as y, Th as W, 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 P, Canvas as q } from "@base-framework/atoms";
+import { Atom as u, Component as g, Data as L, DateTime as K, Jot as O, 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";
@@ -31,7 +31,7 @@ class _e extends g {
    * @returns {object}
    */
   render() {
-    return o({ class: this.class || "" }, this.children);
+    return l({ class: this.class || "" }, this.children);
   }
 }
 const ne = (t) => {
@@ -66,9 +66,9 @@ const ne = (t) => {
 }, Ge = (t, e) => {
   const s = new Date(t, e, 1).getDay(), n = new Date(t, e + 1, 0).getDate(), a = [];
   let i = [];
-  for (let l = 1 - s; l <= n; l++) {
-    const d = new Date(t, e, l);
-    i.push(l > 0 ? d : null), (i.length === 7 || l === n) && (a.push([...i]), i = []);
+  for (let o = 1 - s; o <= n; o++) {
+    const d = new Date(t, e, o);
+    i.push(o > 0 ? d : null), (i.length === 7 || o === n) && (a.push([...i]), i = []);
   }
   return a;
 }, Ve = (t, e) => {
@@ -93,7 +93,7 @@ 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 = [];
+  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)), o = (a.length + i.length) % 7, d = o === 0 ? 0 : 7 - o, c = oe(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);
     f.push({
@@ -104,13 +104,13 @@ 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);
-  return o(
+  const { year: a, month: i, currentDate: o } = n, d = ce(a, i);
+  return l(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
     [
       // Header row: "Week" label + day-of-week labels
-      o({ class: "text-xs text-center col-span-1 text-muted-foreground flex items-center" }, "Week"),
-      o(
+      l({ class: "text-xs text-center col-span-1 text-muted-foreground flex items-center" }, "Week"),
+      l(
         {
           class: "grid grid-cols-7 col-span-7 text-center text-muted-foreground items-center"
         },
@@ -120,14 +120,14 @@ const ne = (t) => {
       ),
       // Render each "week" row
       ...d.map(
-        ({ weekNumber: c, days: h, year: f }) => o({
+        ({ weekNumber: c, days: h, year: f }) => l({
           class: "grid grid-cols-8 col-span-8 items-center ring-primary rounded-sm px-1",
           onSet: ["currentWeek", {
             ring: c
           }]
         }, [
           // Left column: ISO week number
-          o({
+          l({
             class: "font-medium text-center col-span-1 rounded-sm cursor-pointer",
             click: () => t(c, f),
             // If you have a 'currentWeek' state, you can highlight it with 'onSet'
@@ -138,7 +138,7 @@ const ne = (t) => {
             text: c ? `W${c}` : ""
           }),
           // The 7 cells for each day in the row
-          o(
+          l(
             { class: "grid grid-cols-7 col-span-7 text-center" },
             h.map(
               (r) => re({
@@ -147,7 +147,7 @@ const ne = (t) => {
                 day: (r == null ? void 0 : r.getDate()) || null,
                 week: h,
                 weekNumber: c,
-                currentDate: l,
+                currentDate: o,
                 selectWeek: t
               })
             )
@@ -156,7 +156,7 @@ const ne = (t) => {
       )
     ]
   );
-}), W = ({ label: t, click: e }) => C(
+}), R = ({ label: t, click: e }) => C(
   {
     class: `
             inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -169,13 +169,13 @@ 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" }, [
+), he = ({ next: t, previous: e }) => l({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
   y("[[monthName]] [[year]]"),
-  W({
+  R({
     label: "Previous",
     click: e
   }),
-  W({
+  R({
     label: "Next",
     click: t
   })
@@ -287,7 +287,7 @@ class Je extends g {
    * @returns {object}
    */
   render() {
-    return o({ class: "week-calendar-container border rounded-md bg-background p-3" }, [
+    return l({ class: "week-calendar-container border rounded-md bg-background p-3" }, [
       he({
         next: () => this.goToNextMonth(),
         previous: () => this.goToPreviousMonth()
@@ -298,15 +298,15 @@ class Je extends g {
     ]);
   }
 }
-const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
+const ue = (t) => W({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
   Y((e) => new J({ class: "mr-2", onChange: () => e.toggleAllSelectedRows() }))
 ]), ge = ({ align: t, sortable: e, key: s, label: n, sort: a, class: i }) => {
-  const l = t || "justify-start";
-  return P({
+  const o = t || "justify-start";
+  return W({
     class: `cursor-pointer py-3 px-4 text-base ${i || ""}`,
     click: e && (() => a(s))
   }, [
-    o({ class: `flex flex-auto w-full items-center ${l}` }, [
+    l({ class: `flex flex-auto w-full items-center ${o}` }, [
       y(n),
       e && E({ class: "ml-2", html: w.arrows.upDown })
     ])
@@ -328,7 +328,7 @@ const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
   items: e,
   rowItem: (a) => n(a, s),
   class: "divide-y divide-border"
-}), Ze = R(
+}), Ze = O(
   {
     /**
      * Initializes component data.
@@ -386,8 +386,8 @@ const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
     selectRow(t) {
       const e = t.selected ?? !1;
       t.selected = !e;
-      const s = this.data.get("selectedRows"), n = t.selected ? [...s, t] : s.filter((a) => a !== t);
-      this.data.selectedRows = n, this.updateSelected();
+      const s = this.data.get("selectedRows"), n = t.selected ? [...s, t] : s.filter((o) => o !== t), i = this.table.getRows().map((o) => o === t ? { ...o, selected: t.selected } : o);
+      this.table.setRows(i), this.data.selectedRows = n, this.updateSelected();
     },
     /**
      * Renders the DataTable component.
@@ -396,8 +396,8 @@ const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
      */
     render() {
       const t = this.rows, e = this.border !== !1 ? "border" : "";
-      return o({ class: "w-full" }, [
-        o({ class: `w-full rounded-md ${e} overflow-x-auto` }, [
+      return l({ class: "w-full" }, [
+        l({ class: `w-full rounded-md ${e} overflow-x-auto` }, [
           Q({ class: "w-full" }, [
             // @ts-ignore
             this.headers && fe({ headers: this.headers, sort: (s) => this.sortRows(s) }),
@@ -476,22 +476,22 @@ const ue = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class
       this.data.selectedRows = [];
     }
   }
-), me = u(({ name: t, email: e }) => o({ class: "min-w-0 flex-auto" }, [
+), me = u(({ name: t, email: e }) => l({ class: "min-w-0 flex-auto" }, [
   m({ class: "text-base font-semibold leading-6 m-0" }, t),
   m({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, e)
-])), we = () => o({ class: "flex items-center gap-x-1.5" }, [
-  o({ class: "flex-none rounded-full bg-emerald-500/20 p-1" }, [
-    o({ class: "h-1.5 w-1.5 rounded-full bg-emerald-500" })
+])), we = () => l({ class: "flex items-center gap-x-1.5" }, [
+  l({ class: "flex-none rounded-full bg-emerald-500/20 p-1" }, [
+    l({ class: "h-1.5 w-1.5 rounded-full bg-emerald-500" })
   ]),
   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")
-]), 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" }, [
+]), xe = (t, e) => t === "online" ? we() : be(e), ke = u(({ role: t, lastSeen: e, status: s }) => l({ 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" }, [
+  l({ class: "flex min-w-0 gap-x-4" }, [
     te({ src: t.image, alt: t.name, fallbackText: ve(t.name) }),
     me({ name: t.name, email: t.email })
   ]),
@@ -614,7 +614,7 @@ class tt extends g {
 }
 const st = u((t) => {
   const e = t.margin || "m-4 ml-0";
-  return o({ class: `flex-none ${e}` }, [
+  return l({ class: `flex-none ${e}` }, [
     C({
       variant: "icon",
       class: "back-button",
@@ -645,7 +645,7 @@ class N extends g {
    * @returns {object}
    */
   render() {
-    return o(
+    return l(
       {
         class: this.getClassName(),
         onSet: ["loading", {
@@ -706,7 +706,7 @@ class N extends g {
    * @returns {object}
    */
   addBody() {
-    return o({ class: "body fadeIn flex flex-auto flex-col" }, this.getContents());
+    return l({ class: "body fadeIn flex flex-auto flex-col" }, this.getContents());
   }
   /**
    * This will get the body contents.
@@ -733,7 +733,7 @@ class nt extends N {
    */
   render() {
     const e = this.container;
-    return o(
+    return l(
       {
         onState: [
           ["loading", {
@@ -851,7 +851,7 @@ const Ce = u(({ index: t, click: e, state: s }, n) => D({
 }, n)), Be = u(({ selectOption: t, state: e }) => b({
   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" }, [
+})), Ie = 100, Te = u((t) => l({ class: "relative flex items-center" }, [
   Z({
     cache: "input",
     placeholder: t.placeholder ?? "Search...",
@@ -863,10 +863,10 @@ const Ce = u(({ index: t, click: e, state: s }, n) => D({
     blur: (e, { state: s }) => setTimeout(() => s.open = !1, Ie),
     keydown: (e) => typeof t.handleKeyDown == "function" && t.handleKeyDown(e)
   }),
-  t.icon && o({ class: "absolute right-0 mr-2" }, [
+  t.icon && l({ class: "absolute right-0 mr-2" }, [
     z(t.icon)
   ])
-])), We = (t) => o({
+])), Re = (t) => l({
   class: "relative flex fle-auto flex-col",
   onState: ["open", (e, s, n) => {
     if (e)
@@ -879,7 +879,7 @@ const Ce = u(({ index: t, click: e, state: s }, n) => D({
         Be(t)
       ]);
   }]
-}), it = R(
+}), it = O(
   {
     /**
      * This will set up the data object.
@@ -975,7 +975,7 @@ const Ce = u(({ index: t, click: e, state: s }, n) => D({
      * @returns {object} - The rendered component.
      */
     render() {
-      return o({ class: "relative w-full max-w-md" }, [
+      return l({ class: "relative w-full max-w-md" }, [
         Te({
           // @ts-ignore
           state: this.state,
@@ -988,7 +988,7 @@ const Ce = u(({ index: t, click: e, state: s }, n) => D({
           // @ts-ignore
           handleKeyDown: this.handleKeyDown.bind(this)
         }),
-        We({
+        Re({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -999,7 +999,7 @@ const Ce = u(({ index: t, click: e, state: s }, n) => D({
       ]);
     }
   }
-), Pe = (t) => D(
+), We = (t) => D(
   {
     class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm",
     dataSet: ["selected", ["state", t.value, "active"]]
@@ -1011,8 +1011,8 @@ const Ce = u(({ index: t, click: e, state: s }, n) => D({
       click: (e) => t.callBack(t.value)
     }, t.label)
   ]
-), Oe = (t, e) => (t.callBack = e, Pe(t)), Re = (t) => S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
-  b({ class: "flex flex-auto flex-row", map: [t.options, (e) => Oe(e, t.callBack)] })
+), Pe = (t, e) => (t.callBack = e, We(t)), Oe = (t) => S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
+  b({ class: "flex flex-auto flex-row", map: [t.options, (e) => Pe(e, t.callBack)] })
 ]);
 class ot extends g {
   /**
@@ -1030,13 +1030,13 @@ class ot extends g {
    */
   render() {
     const e = this.select.bind(this);
-    return o({ class: "" }, [
-      Re({
+    return l({ class: "" }, [
+      Oe({
         class: this.class,
         options: this.options,
         callBack: e
       }),
-      O({
+      P({
         class: "tab-content",
         onState: ["selected", this.updateContent.bind(this)]
       })
@@ -1281,12 +1281,12 @@ class rt extends g {
    * @returns {object}
    */
   render() {
-    return o({ class: "tab-panel" }, [
+    return l({ class: "tab-panel" }, [
       new Ue({
         class: this.class,
         options: this.options
       }),
-      O({
+      P({
         class: "tab-content",
         switch: this.addGroup()
       })
@@ -1360,11 +1360,11 @@ class Ye extends g {
    * @returns {Array} An array of [eventName, element, callback] definitions.
    */
   setupEvents() {
-    const e = this.panel, s = this.pointerPosition.bind(this), n = this.pointerUp.bind(this), a = this.pointerDown.bind(this), i = this.resize.bind(this), l = { passive: !1 };
+    const e = this.panel, s = this.pointerPosition.bind(this), n = this.pointerUp.bind(this), a = this.pointerDown.bind(this), i = this.resize.bind(this), o = { passive: !1 };
     return [
-      ["pointermove", e, s, l],
+      ["pointermove", e, s, o],
       ["pointerup", e, n],
-      ["pointerdown", e, a, l],
+      ["pointerdown", e, a, o],
       ["pointerout", e, n],
       ["resize", window, i]
     ];
@@ -1377,13 +1377,13 @@ class Ye extends g {
    */
   getEventPosition(e) {
     let s, n;
-    const a = this.canvas, i = a.width / parseInt(a.style.width), l = a.getBoundingClientRect();
+    const a = this.canvas, i = a.width / parseInt(a.style.width), o = a.getBoundingClientRect();
     if (e.touches && e.touches.length) {
       const h = e.touches[0];
       s = h.clientX, n = h.clientY;
     } else
       s = e.x || e.clientX, n = e.y || e.clientY;
-    const d = parseInt((s - l.left) * i), c = parseInt((n - l.top) * i);
+    const d = parseInt((s - o.left) * i), c = parseInt((n - o.top) * i);
     this.mouse.x = d, this.mouse.y = c;
   }
   /**
@@ -1458,11 +1458,11 @@ class Ye extends g {
    * @returns {void}
    */
   scale() {
-    const e = this.canvas, s = this.container, n = I.getSize(s), a = this.targetSize, i = a.width, l = a.height;
-    let d = i + "px", c = l + "px";
-    if (this.width = e.width = i, this.height = e.height = l, n.width !== 0 && n.height !== 0) {
-      const h = n.width, f = n.height, r = h / i, p = f / l, x = Math.min(r, p);
-      d = i * x + "px", c = l * x + "px";
+    const e = this.canvas, s = this.container, n = I.getSize(s), a = this.targetSize, i = a.width, o = a.height;
+    let d = i + "px", c = o + "px";
+    if (this.width = e.width = i, this.height = e.height = o, n.width !== 0 && n.height !== 0) {
+      const h = n.width, f = n.height, r = h / i, p = f / o, x = Math.min(r, p);
+      d = i * x + "px", c = o * x + "px";
     }
     e.style.width = d, e.style.height = c;
   }
@@ -1498,8 +1498,8 @@ class Ye extends g {
    */
   addLine(e, s, n, a) {
     this.signed || (this.signed = !0);
-    const i = Math.round(s), l = Math.round(n);
-    e.lineWidth = this.lineWidth, e.strokeStyle = a, e.lineTo(i, l), e.stroke();
+    const i = Math.round(s), o = Math.round(n);
+    e.lineWidth = this.lineWidth, e.strokeStyle = a, e.lineTo(i, o), e.stroke();
   }
   /**
    * Clears the canvas, sets signed to false, and re-initializes
@@ -1554,13 +1554,13 @@ class ct extends g {
    * @returns {object} The layout object for the component.
    */
   render() {
-    return o({ class: "signature-panel relative flex flex-auto overflow-hidden select-none" }, [
+    return l({ class: "signature-panel relative flex flex-auto overflow-hidden select-none" }, [
       ee({
         cache: "hiddenInput",
         required: !0,
         bind: this.path + ".data"
       }),
-      o({ class: "absolute top-2 right-2" }, [
+      l({ class: "absolute top-2 right-2" }, [
         C({
           variant: "icon",
           icon: w.circleX,

package/package.json

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