@base-framework/ui 1.0.278 → 1.0.279

package/dist/index.es.js

@@ -5,7 +5,7 @@ import { C as b, d as F, D as P, c as B, E as k, F as M, H as f, I as x, M as N,
 import { Icons as G } from "./icons.es.js";
 import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as Sa, N as ba, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-CPWpkmxa.js";
 import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-DW0cMOJy.js";
-import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as Se, b as be, e as Fe, a as Pe, g as Be } from "./signature-panel-DrDe4L3j.js";
+import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as Se, b as be, e as Fe, a as Pe, g as Be } from "./signature-panel-LOOJ7iLB.js";
 import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-C7RyGC5a.js";
 import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-BtUJdw-T.js";
 import { A as Xe, F as Ye, M as Ze, a as $e, T as as } from "./aside-template-McEj_Gxc.js";

package/dist/organisms.es.js

@@ -1,4 +1,4 @@
-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 g, O as p, P as u, S as v, n as D, 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-DrDe4L3j.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 g, O as p, P as u, S as v, n as D, 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-LOOJ7iLB.js";
 import { b as F, C as U, D as G, a as R, F as j, M as q, R as w, c as z, p as A } from "./range-calendar-DW0cMOJy.js";
 import { B as J, I as K, M as Q, d as V, e as X, g as Y, N as Z, b as _, a as $, f as aa, P as ea, c as sa, S as ta, T as oa } from "./mobile-nav-wrapper-C7RyGC5a.js";
 export {

package/dist/{signature-panel-DrDe4L3j.js → signature-panel-LOOJ7iLB.js}

@@ -1,7 +1,7 @@
-import { Button as x, Div as o, On as v, Span as D, Th as z, UseParent as X, I as q, Thead as K, Tr as $, Td as _, Table as C, P as w, Li as S, Time as G, Nav as I, Ul as p, Section as N, Canvas as V } from "@base-framework/atoms";
-import { Atom as d, Component as h, Data as L, DateTime as J, router as k, NavLink as A, DataTracker as j, Jot as Z, base as M, Dom as W } from "@base-framework/base";
+import { Button as v, Div as o, On as g, Span as D, Th as z, UseParent as X, I as q, Thead as K, Tr as $, Td as _, Table as C, P as p, Li as S, Time as G, Nav as I, Ul as k, Section as N, Canvas as V } from "@base-framework/atoms";
+import { Atom as d, Component as h, Data as L, DateTime as J, router as y, NavLink as A, DataTracker as j, Jot as Z, base as M, Dom as W } from "@base-framework/base";
 import { B as T, I as ee } from "./buttons-BKLL4I6r.js";
-import { Icons as y } from "./icons.es.js";
+import { Icons as x } from "./icons.es.js";
 import { TableBody as B, DataTableBody as te, ScrollableTableBody as U, List as se, IntervalTimer as ae } from "@base-framework/organisms";
 import { C as ie, S as ne, I as oe, H as le } from "./skeleton-CLm2c9Bc.js";
 import { A as re, P as ce } from "./range-calendar-DW0cMOJy.js";
@@ -10,7 +10,7 @@ d((t, e) => ({
   ...t,
   children: e
 }));
-d(({ value: t, label: e }) => x({
+d(({ value: t, label: e }) => v({
   class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-md px-8 py-1 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-background data-[state=active]:text-foreground data-[state=active]:shadow",
   onState: ["performance", { active: t }],
   dataSet: ["performance", ["state", t, "active"]],
@@ -82,7 +82,7 @@ const de = (t) => {
   return a.getDate() === t && a.getMonth() === e && a.getFullYear() === s;
 }, me = ({ day: t, month: e, year: s, weekNumber: a, selectWeek: i }) => {
   const n = ge(t, e, s);
-  return x({
+  return v({
     text: t || "",
     disabled: !t,
     class: `
@@ -93,17 +93,17 @@ const de = (t) => {
     click: () => i(a, s)
   });
 }, we = (t, e) => {
-  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = ue(t, e, s), n = Array.from({ length: a }, (r, m) => new Date(t, e, m + 1)), l = (i.length + n.length) % 7, u = l === 0 ? 0 : 7 - l, c = fe(t, e, u), f = [...i, ...n, ...c], g = [];
+  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = ue(t, e, s), n = Array.from({ length: a }, (r, w) => new Date(t, e, w + 1)), l = (i.length + n.length) % 7, u = l === 0 ? 0 : 7 - l, c = fe(t, e, u), f = [...i, ...n, ...c], m = [];
   for (let r = 0; r < f.length; r += 7) {
-    const m = f.slice(r, r + 7), b = m.find((Q) => Q) || new Date(t, e, 1), { weekNumber: F, year: E } = he(b);
-    g.push({
+    const w = f.slice(r, r + 7), b = w.find((Q) => Q) || new Date(t, e, 1), { weekNumber: F, year: E } = he(b);
+    m.push({
       weekNumber: F,
       year: E,
-      days: m
+      days: w
     });
   }
-  return g;
-}, pe = ({ selectWeek: t }) => v("month", (e, s, { data: a }) => {
+  return m;
+}, pe = ({ selectWeek: t }) => g("month", (e, s, { data: a }) => {
   const { year: i, month: n, currentDate: l } = a, u = we(i, n);
   return o(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
@@ -120,7 +120,7 @@ const de = (t) => {
       ),
       // Render each "week" row
       ...u.map(
-        ({ weekNumber: c, days: f, year: g }) => o({
+        ({ weekNumber: c, days: f, year: m }) => o({
           class: "grid grid-cols-8 col-span-8 items-center ring-primary rounded-sm px-1",
           onSet: ["currentWeek", {
             ring: c
@@ -129,7 +129,7 @@ const de = (t) => {
           // Left column: ISO week number
           o({
             class: "font-medium text-center col-span-1 rounded-sm cursor-pointer",
-            click: () => t(c, g),
+            click: () => t(c, m),
             // If you have a 'currentWeek' state, you can highlight it with 'onSet'
             onSet: ["currentWeek", {
               "text-primary-foreground": c,
@@ -165,9 +165,9 @@ const de = (t) => {
     click: e,
     "aria-label": `${t} month`,
     variant: "icon",
-    icon: t === "Previous" ? y.chevron.single.left : y.chevron.single.right
+    icon: t === "Previous" ? x.chevron.single.left : x.chevron.single.right
   }
-), be = ({ next: t, previous: e }) => o({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
+), ke = ({ next: t, previous: e }) => o({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
   D("[[monthName]] [[year]]"),
   O({
     label: "Previous",
@@ -286,7 +286,7 @@ class ct extends h {
    */
   render() {
     return o({ class: "week-calendar-container border rounded-md p-3" }, [
-      be({
+      ke({
         next: () => this.goToNextMonth(),
         previous: () => this.goToPreviousMonth()
       }),
@@ -296,11 +296,11 @@ class ct extends h {
     ]);
   }
 }
-const ke = (t, e) => {
+const be = (t, e) => {
   const s = t.toggleAllSelectedRows();
   e.state.checked = !s;
 }, ye = (t) => z({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
-  X((e) => new ie({ class: "mr-2", onChange: (s, a) => ke(e, a) }))
+  X((e) => new ie({ class: "mr-2", onChange: (s, a) => be(e, a) }))
 ]), xe = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
   const l = t || "justify-start";
   return z({
@@ -309,7 +309,7 @@ const ke = (t, e) => {
   }, [
     o({ class: `flex flex-auto w-full items-center ${l}` }, [
       D(a),
-      e && q({ class: "ml-2", html: y.arrows.upDown })
+      e && q({ class: "ml-2", html: x.arrows.upDown })
     ])
   ]);
 }, R = (t) => K([
@@ -447,21 +447,21 @@ class Y extends h {
    * @returns {object}
    */
   render() {
-    const e = this.data.get("showSkeleton"), s = e ? this.generateSkeletonRows() : this.rows, a = this.border !== !1 ? "border" : "";
+    const s = this.data.get("showSkeleton") ? this.generateSkeletonRows() : this.rows, a = this.border !== !1 ? "border" : "";
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      v("hasItems", (i) => i === !1 && this.emptyState ? this.emptyState() : null),
+      g("hasItems", (i) => i === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${a} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         C({ class: "w-full" }, [
           // @ts-ignore
           this.headers && R({ headers: this.headers, sort: (i) => this.sortRows(i) }),
           // @ts-ignore
           this.customHeader ?? null,
-          e ? new B({
+          g("showSkeleton", (i) => i ? new B({
             cache: "list",
             // @ts-ignore
             key: this.key,
             items: s,
-            rowItem: (i) => i,
+            rowItem: (n) => n,
             // Skeleton rows are already complete components
             class: "divide-y divide-border"
           }) : ve({
@@ -474,7 +474,7 @@ class Y extends h {
             rowItem: this.rowItem,
             // @ts-ignore
             emptyState: this.emptyState
-          })
+          }))
         ])
       ])
     ]);
@@ -557,21 +557,21 @@ class Ie extends Y {
    * @returns {object}
    */
   render() {
-    const e = this.data.showSkeleton, s = e ? this.generateSkeletonRows() : this.rows, a = this.border !== !1 ? "border" : "";
+    const s = this.data.showSkeleton ? this.generateSkeletonRows() : this.rows, a = this.border !== !1 ? "border" : "";
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      v("hasItems", (i) => i === !1 && this.emptyState ? this.emptyState() : null),
+      g("hasItems", (i) => i === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${a} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         C({ class: "w-full" }, [
           // @ts-ignore
           this.headers && R({ headers: this.headers, sort: (i) => this.sortRows(i) }),
           // @ts-ignore
           this.customHeader ?? null,
-          e ? new B({
+          g("showSkeleton", (i) => i ? new B({
             cache: "list",
             // @ts-ignore
             key: this.key,
             items: s,
-            rowItem: (i) => i,
+            rowItem: (n) => n,
             // Skeleton rows are already complete components
             class: "divide-y divide-border"
           }) : Se({
@@ -592,7 +592,7 @@ class Ie extends Y {
             selectRow: this.selectRow.bind(this),
             // @ts-ignore
             rowItem: this.rowItem
-          })
+          }))
         ])
       ])
     ]);
@@ -642,21 +642,21 @@ class Le extends Y {
    * @returns {object}
    */
   render() {
-    const e = this.data.get("showSkeleton"), s = e ? this.generateSkeletonRows() : this.rows, a = this.border !== !1 ? "border" : "";
+    const s = this.data.get("showSkeleton") ? this.generateSkeletonRows() : this.rows, a = this.border !== !1 ? "border" : "";
     return o({ class: "w-full flex flex-auto flex-col" }, [
-      v("hasItems", (i) => i === !1 && this.emptyState ? this.emptyState() : null),
+      g("hasItems", (i) => i === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${a} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         C({ class: "w-full" }, [
           // @ts-ignore
           this.headers && R({ headers: this.headers, sort: (i) => this.sortRows(i) }),
           // @ts-ignore
           this.customHeader ?? null,
-          e ? new U({
+          g("showSkeleton", (i) => i ? new U({
             cache: "list",
             // @ts-ignore
             key: this.key,
             items: s,
-            rowItem: (i) => i,
+            rowItem: (n) => n,
             // Skeleton rows are already complete components
             class: "divide-y divide-border"
           }) : Ce({
@@ -679,7 +679,7 @@ class Le extends Y {
             selectRow: this.selectRow.bind(this),
             // @ts-ignore
             rowItem: this.rowItem
-          })
+          }))
         ])
       ])
     ]);
@@ -712,18 +712,18 @@ const ht = d((t) => new Le(
     skeleton: t.skeleton
   }
 )), Te = d(({ name: t, email: e }) => o({ class: "min-w-0 flex-auto" }, [
-  w({ class: "text-base font-semibold leading-6 m-0" }, t),
-  w({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, e)
+  p({ class: "text-base font-semibold leading-6 m-0" }, t),
+  p({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, e)
 ])), Be = () => 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" })
   ]),
-  w({ class: "text-xs leading-5 text-gray-500" }, "Online")
-]), Re = (t) => w({ class: "text-xs leading-5 text-muted-foreground" }, [
+  p({ class: "text-xs leading-5 text-gray-500" }, "Online")
+]), Re = (t) => p({ class: "text-xs leading-5 text-muted-foreground" }, [
   D("Last seen "),
   G({ datetime: t }, "3h ago")
 ]), Me = (t, e) => t === "online" ? Be() : Re(e), We = d(({ role: t, lastSeen: e, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
-  w({ class: "text-sm leading-6 m-0" }, t),
+  p({ class: "text-sm leading-6 m-0" }, t),
   Me(s, e)
 ])), Pe = (t) => t.split(" ").map((s) => s[0]).join(""), Oe = d((t) => S({ 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" }, [
@@ -773,11 +773,11 @@ class ft extends h {
     return I(
       { class: `flex items-center justify-center p-2 text-muted-foreground rounded-md ${this.class || ""}` },
       [
-        p({
+        k({
           class: "flex space-x-4",
           map: [this.options, (e) => this.addLink(e)],
           watch: {
-            value: ["[[path]]", k.data],
+            value: ["[[path]]", y.data],
             callBack: this.updateLinks.bind(this)
           }
         })
@@ -790,7 +790,7 @@ class ft extends h {
    * @returns {void}
    */
   afterSetup() {
-    const e = k.data.path;
+    const e = y.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1083,7 +1083,7 @@ const Ae = d(({ index: t, click: e, state: s }, a) => S({
     }]
   ],
   click: () => e(t)
-}, a)), je = d(({ selectOption: t, state: e }) => p({
+}, a)), je = d(({ selectOption: t, state: e }) => k({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
   for: ["filteredOptions", (s, a) => Ae({ index: a, click: t, state: e }, s.label)]
 })), Ue = d((t) => o({ class: "relative flex items-center" }, [
@@ -1244,16 +1244,16 @@ const Ae = d(({ index: t, click: e, state: s }, a) => S({
     dataSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    x({
+    v({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md",
       onSet: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value)
     }, t.label)
   ]
 ), Fe = (t, e) => (t.callBack = e, He(t)), Ee = (t) => I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
-  p({ class: "flex flex-auto flex-row", map: [t.options, (e) => Fe(e, t.callBack)] })
+  k({ class: "flex flex-auto flex-row", map: [t.options, (e) => Fe(e, t.callBack)] })
 ]);
-class bt extends h {
+class kt extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -1347,7 +1347,7 @@ const Qe = (t) => S(
     dataSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    x({
+    v({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md disabled:opacity-50 disabled:cursor-not-allowed",
       onSet: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value),
@@ -1355,9 +1355,9 @@ const Qe = (t) => S(
     }, t.label)
   ]
 ), Xe = (t, e) => (t.callBack = e, Qe(t)), qe = (t) => I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
-  p({ class: "flex flex-auto flex-row", map: [t.options, (e) => Xe(e, t.callBack)] })
+  k({ class: "flex flex-auto flex-row", map: [t.options, (e) => Xe(e, t.callBack)] })
 ]);
-class kt extends h {
+class bt extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -1432,11 +1432,11 @@ class Ve extends h {
    */
   render() {
     return I({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
-      p({
+      k({
         class: "flex flex-auto flex-row",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
-          value: ["[[path]]", k.data],
+          value: ["[[path]]", y.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -1448,7 +1448,7 @@ class Ve extends h {
    * @returns {void}
    */
   afterSetup() {
-    const e = k.data.path;
+    const e = y.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1700,7 +1700,7 @@ class Je extends h {
     const e = this.canvas, s = this.container, a = W.getSize(s), i = this.targetSize, n = i.width, l = i.height;
     let u = n + "px", c = l + "px";
     if (this.width = e.width = n, this.height = e.height = l, a.width !== 0 && a.height !== 0) {
-      const f = a.width, g = a.height, r = f / n, m = g / l, b = Math.min(r, m);
+      const f = a.width, m = a.height, r = f / n, w = m / l, b = Math.min(r, w);
       u = n * b + "px", c = l * b + "px";
     }
     e.style.width = u, e.style.height = c;
@@ -1802,7 +1802,7 @@ class xt extends h {
       o({ class: "absolute top-2 right-2" }, [
         T({
           variant: "icon",
-          icon: y.circleX,
+          icon: x.circleX,
           click: this.reset.bind(this)
         })
       ]),
@@ -1876,15 +1876,15 @@ export {
   me as f,
   ue as g,
   pe as h,
-  be as i,
+  ke as i,
   Y as j,
   dt as k,
   ut as l,
   mt as m,
   pt as n,
   Ue as o,
-  bt as p,
-  kt as q,
+  kt as p,
+  bt as q,
   Ve as r,
   yt as s,
   xt as t

package/package.json

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