@base-framework/ui 1.0.323 → 1.0.325

package/dist/index.es.js

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

package/dist/organisms.es.js

@@ -1,4 +1,4 @@
-import { B as s, p as n, C as t, j as o, D as r, m as l, k as i, H as d, I as b, N as u, O as v, P as g, S as p, n as T, o as D, x as N, s as k, q as C, r as c, T as B, t as M, w as m, u as y, v as W, l as h, U as S, W as H, f as P, h as U, i as x, c as I, d as f, b as L, e as O, a as F, g as G } from "./signature-panel-DVIv9LO1.js";
+import { B as s, p as n, C as t, j as o, D as r, m as l, k as i, H as d, I as b, N as u, O as v, P as g, S as p, n as T, o as D, x as N, s as k, q as C, r as c, T as B, t as M, w as m, u as y, v as W, l as h, U as S, W as H, f as P, h as U, i as x, c as I, d as f, b as L, e as O, a as F, g as G } from "./signature-panel-0XY9I1Hx.js";
 import { b as R, C as j, D as q, a as z, F as A, M as E, R as J, c as K, p as Q } from "./range-calendar-BMWSJTE0.js";
 import { B as X, I as Y, M as Z, d as _, e as $, g as aa, N as ea, b as sa, a as na, f as ta, P as oa, c as ra, S as la, T as ia } from "./mobile-nav-wrapper-CWqhZ0qz.js";
 export {

package/dist/{signature-panel-DVIv9LO1.js → signature-panel-0XY9I1Hx.js}

@@ -1,23 +1,23 @@
-import { Button as w, Div as o, On as C, Span as L, Th as N, UseParent as E, I as Q, Thead as V, Tr as G, Table as B, P as v, Li as y, Time as X, Nav as m, Ul as f, Section as I, Canvas as q } from "@base-framework/atoms";
-import { Atom as d, Component as p, Data as T, DateTime as K, router as k, NavLink as M, DataTracker as U, Jot as _, base as O, Dom as W } from "@base-framework/base";
+import { Button as x, Div as o, On as C, Span as L, Th as N, UseParent as E, I as Q, Thead as V, Tr as G, Table as B, P as v, Li as y, Time as X, Nav as g, Ul as f, Section as I, Canvas as q } from "@base-framework/atoms";
+import { Atom as d, Component as p, Data as T, DateTime as K, router as w, NavLink as M, DataTracker as U, Jot as _, base as O, Dom as W } from "@base-framework/base";
 import { B as P, I as J } from "./buttons-CHEs54Wl.js";
 import { Icons as S } from "./icons.es.js";
 import { TableBody as Z, DataTableBody as ee, ScrollableTableBody as te, List as se, IntervalTimer as ae } from "@base-framework/organisms";
 import { C as ie, I as ne, H as oe } from "./inputs-9udyzkHR.js";
 import { A as le, P as re } from "./range-calendar-BMWSJTE0.js";
-import { V as g } from "./veil-CqnAmj-D.js";
+import { V as m } from "./veil-CqnAmj-D.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,
   children: e
 }));
-d(({ value: t, label: e }) => w({
+d(({ value: t, label: e }) => x({
   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"]],
   click: (s, { state: a }) => a.performance = t
 }, e));
-class mt extends p {
+class gt extends p {
   /**
    * This will declare the props for the compiler.
    *
@@ -81,9 +81,9 @@ const ce = (t) => {
 }, fe = (t, e, s) => {
   const a = /* @__PURE__ */ new Date();
   return a.getDate() === t && a.getMonth() === e && a.getFullYear() === s;
-}, ge = ({ day: t, month: e, year: s, weekNumber: a, selectWeek: i }) => {
+}, me = ({ day: t, month: e, year: s, weekNumber: a, selectWeek: i }) => {
   const n = fe(t, e, s);
-  return w({
+  return x({
     text: t || "",
     disabled: !t,
     class: `
@@ -93,19 +93,19 @@ const ce = (t) => {
 		`,
     click: () => i(a, s)
   });
-}, me = (t, e) => {
-  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = he(t, e, s), n = Array.from({ length: a }, (h, x) => new Date(t, e, x + 1)), l = (i.length + n.length) % 7, c = l === 0 ? 0 : 7 - l, r = ue(t, e, c), u = [...i, ...n, ...r], b = [];
+}, ge = (t, e) => {
+  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = he(t, e, s), n = Array.from({ length: a }, (h, k) => new Date(t, e, k + 1)), l = (i.length + n.length) % 7, c = l === 0 ? 0 : 7 - l, r = ue(t, e, c), u = [...i, ...n, ...r], b = [];
   for (let h = 0; h < u.length; h += 7) {
-    const x = u.slice(h, h + 7), D = x.find((F) => F) || new Date(t, e, 1), { weekNumber: H, year: Y } = de(D);
+    const k = u.slice(h, h + 7), D = k.find((F) => F) || new Date(t, e, 1), { weekNumber: H, year: Y } = de(D);
     b.push({
       weekNumber: H,
       year: Y,
-      days: x
+      days: k
     });
   }
   return b;
 }, pe = ({ selectWeek: t }) => C("month", (e, s, { data: a }) => {
-  const { year: i, month: n, currentDate: l } = a, c = me(i, n);
+  const { year: i, month: n, currentDate: l } = a, c = ge(i, n);
   return o(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
     [
@@ -142,7 +142,7 @@ const ce = (t) => {
           o(
             { class: "grid grid-cols-7 col-span-7 text-center" },
             u.map(
-              (h) => ge({
+              (h) => me({
                 year: h?.getFullYear() || null,
                 month: h?.getMonth() || null,
                 day: h?.getDate() || null,
@@ -179,7 +179,7 @@ const ce = (t) => {
     click: t
   })
 ]);
-class xt extends p {
+class kt extends p {
   /**
    * This will declare the props for the compiler.
    *
@@ -297,12 +297,12 @@ class xt extends p {
     ]);
   }
 }
-const xe = (t, e) => {
+const ke = (t, e) => {
   const s = t.toggleAllSelectedRows();
   e.state.checked = !s;
-}, ke = (t) => N({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
-  E((e) => new ie({ class: "mr-2", onChange: (s, a) => xe(e, a) }))
-]), we = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
+}, we = (t) => N({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
+  E((e) => new ie({ class: "mr-2", onChange: (s, a) => ke(e, a) }))
+]), xe = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
   const l = t || "justify-start";
   return N({
     class: `cursor-pointer py-3 px-4 text-base ${n || ""}`,
@@ -318,7 +318,7 @@ const xe = (t, e) => {
     class: "text-muted-foreground border-b",
     map: [
       t.headers,
-      (e) => e.label === "checkbox" ? ke({ toggle: t.toggle }) : we({
+      (e) => e.label === "checkbox" ? we({ toggle: t.toggle }) : xe({
         align: e.align,
         sortable: e.sortable,
         key: e.key,
@@ -567,7 +567,7 @@ class De extends j {
     this.list.refresh();
   }
 }
-const kt = d((t) => new De(
+const wt = d((t) => new De(
   {
     cache: t.cache ?? "list",
     tableData: t.data,
@@ -652,7 +652,7 @@ class Ce extends j {
     this.list.refresh();
   }
 }
-const wt = d((t) => new Ce(
+const xt = d((t) => new Ce(
   {
     cache: t.cache ?? "list",
     tableData: t.data,
@@ -729,14 +729,14 @@ class vt extends p {
    * @returns {object}
    */
   render() {
-    return m(
+    return g(
       { class: `flex items-center justify-center p-2 text-muted-foreground rounded-md ${this.class || ""}` },
       [
         f({
           class: "flex gap-x-4",
           map: [this.options, (e) => this.addLink(e)],
           watch: {
-            value: ["[[path]]", k.data],
+            value: ["[[path]]", w.data],
             callBack: this.updateLinks.bind(this)
           }
         })
@@ -749,7 +749,7 @@ class vt extends p {
    * @returns {void}
    */
   afterSetup() {
-    const e = k.data.path;
+    const e = w.data.path;
     this.updateLinks(e);
   }
   /**
@@ -845,7 +845,11 @@ class A extends p {
    * @returns {string}
    */
   getClassName() {
-    return "overlay fixed top-[0px] left-0 bottom-0 right-0 flex-col bg-background z-20 lg:z-10 flex flex-auto lg:left-[64px] lg:top-0 overflow-y-visible will-change-contents " + (this.class || "");
+    return `absolute overlay left-0 top-0 right-0 z-20
+			h-svh max-h-svh min-h-svh
+			bg-background pointer-events-auto
+			lg:left-16
+			pb-[calc(env(safe-area-inset-bottom)+56px)] will-change-contents ${this.class || ""}`;
   }
   /**
    * This will setup and render the component.
@@ -888,7 +892,7 @@ class A extends p {
    * @returns {object}
    */
   addBody() {
-    return o({ class: "body fadeIn flex flex-auto flex-col" }, this.getContents());
+    return o({ class: "body fadeIn flex flex-auto flex-col bg-background" }, this.getContents());
   }
   /**
    * This will get the body contents.
@@ -1203,16 +1207,16 @@ const ze = d(({ index: t, click: e, state: s }, a) => y({
     dataStateSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    w({
+    x({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md",
       onState: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value)
     }, t.label)
   ]
-), He = (t, e) => (t.callBack = e, Ae(t)), Ye = (t) => m({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
+), He = (t, e) => (t.callBack = e, Ae(t)), Ye = (t) => g({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
   f({ class: "flex flex-auto flex-row", map: [t.options, (e) => He(e, t.callBack)] })
 ]);
-class It extends g {
+class It extends m {
   /**
    * This will declare the props for the compiler.
    *
@@ -1305,17 +1309,17 @@ const Fe = (t) => y(
     dataStateSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    w({
+    x({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md disabled:opacity-50 disabled:cursor-not-allowed",
       onState: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value),
       disabled: t.disabled
     }, t.label)
   ]
-), Ee = (t, e) => (t.callBack = e, Fe(t)), Qe = (t) => m({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
+), Ee = (t, e) => (t.callBack = e, Fe(t)), Qe = (t) => g({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
   f({ class: "flex flex-auto flex-row", map: [t.options, (e) => Ee(e, t.callBack)] })
 ]);
-class Bt extends g {
+class Bt extends m {
   /**
    * This will declare the props for the compiler.
    *
@@ -1367,7 +1371,7 @@ const Ve = (t, e) => new RegExp(`${t}($|/|\\.).*`).test(e), Ge = (t, e) => {
   dataSet: ["selected", ["state", !0, "active"]],
   class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 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"
 });
-class qe extends g {
+class qe extends m {
   /**
    * This will declare the props for the compiler.
    *
@@ -1388,12 +1392,12 @@ class qe extends g {
    * @returns {object}
    */
   render() {
-    return m({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
+    return g({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
       f({
         class: "flex flex-auto flex-row",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
-          value: ["[[path]]", k.data],
+          value: ["[[path]]", w.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -1405,7 +1409,7 @@ class qe extends g {
    * @returns {void}
    */
   afterSetup() {
-    const e = k.data.path;
+    const e = w.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1462,7 +1466,7 @@ class qe extends g {
     this.links = [];
   }
 }
-class Tt extends g {
+class Tt extends m {
   /**
    * This will declare the props for the compiler.
    *
@@ -1514,16 +1518,16 @@ const Ke = (t) => y(
     dataStateSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    w({
+    x({
       class: "flex flex-auto justify-center items-center px-4 py-3 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
       onState: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value)
     }, t.label)
   ]
-), _e = (t, e) => (t.callBack = e, Ke(t)), Je = (t) => m({ class: `border-b border-border ${t.class}` }, [
+), _e = (t, e) => (t.callBack = e, Ke(t)), Je = (t) => g({ class: `border-b border-border ${t.class}` }, [
   f({ class: "flex flex-row items-center", map: [t.options, (e) => _e(e, t.callBack)] })
 ]);
-class Mt extends g {
+class Mt extends m {
   /**
    * This will declare the props for the compiler.
    *
@@ -1607,17 +1611,17 @@ const Ze = (t) => y(
     dataStateSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    w({
+    x({
       class: "flex flex-auto justify-center items-center px-4 py-3 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
       onState: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value),
       disabled: t.disabled
     }, t.label)
   ]
-), et = (t, e) => (t.callBack = e, Ze(t)), tt = (t) => m({ class: `border-b border-border ${t.class}` }, [
+), et = (t, e) => (t.callBack = e, Ze(t)), tt = (t) => g({ class: `border-b border-border ${t.class}` }, [
   f({ class: "flex flex-row items-center", map: [t.options, (e) => et(e, t.callBack)] })
 ]);
-class Pt extends g {
+class Pt extends m {
   /**
    * This will declare the props for the compiler.
    *
@@ -1669,7 +1673,7 @@ const st = (t, e) => new RegExp(`${t}($|/|\\.).*`).test(e), at = (t, e) => {
   dataSet: ["selected", ["state", !0, "active"]],
   class: "relative inline-flex items-center justify-center whitespace-nowrap px-4 py-3 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground 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]:text-foreground after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:bg-primary after:transition-all after:duration-200 after:scale-x-0 data-[state=active]:after:scale-x-100"
 });
-class nt extends g {
+class nt extends m {
   /**
    * This will declare the props for the compiler.
    *
@@ -1690,12 +1694,12 @@ class nt extends g {
    * @returns {object}
    */
   render() {
-    return m({ class: `border-b border-border ${this.class}` }, [
+    return g({ class: `border-b border-border ${this.class}` }, [
       f({
         class: "flex flex-row items-center",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
-          value: ["[[path]]", k.data],
+          value: ["[[path]]", w.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -1707,7 +1711,7 @@ class nt extends g {
    * @returns {void}
    */
   afterSetup() {
-    const e = k.data.path;
+    const e = w.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1764,7 +1768,7 @@ class nt extends g {
     this.links = [];
   }
 }
-class Rt extends g {
+class Rt extends m {
   /**
    * This will declare the props for the compiler.
    *
@@ -1959,7 +1963,7 @@ class ot extends p {
     const e = this.canvas, s = this.container, a = W.getSize(s), i = this.targetSize, n = i.width, l = i.height;
     let c = n + "px", r = l + "px";
     if (this.width = e.width = n, this.height = e.height = l, a.width !== 0 && a.height !== 0) {
-      const u = a.width, b = a.height, h = u / n, x = b / l, D = Math.min(h, x);
+      const u = a.width, b = a.height, h = u / n, k = b / l, D = Math.min(h, k);
       c = n * D + "px", r = l * D + "px";
     }
     e.style.width = c, e.style.height = r;
@@ -2116,28 +2120,28 @@ class Ot extends p {
 }
 export {
   Dt as B,
-  ke as C,
+  we as C,
   ye as D,
-  we as H,
+  xe as H,
   Ct as I,
   vt as N,
   A as O,
-  mt as P,
-  wt as S,
+  gt as P,
+  xt as S,
   R as T,
   Re as U,
-  xt as W,
+  kt as W,
   ue as a,
   $ as b,
   de as c,
   pt as d,
   bt as e,
-  ge as f,
+  me as f,
   he as g,
   pe as h,
   be as i,
   j,
-  kt as k,
+  wt as k,
   yt as l,
   St as m,
   Lt as n,

package/package.json

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