@base-framework/ui 1.0.45 → 1.0.46

package/dist/index.es.js

@@ -5,7 +5,7 @@ import { V as w, a as U } from "./veil-gN57SpXV.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-BrFWql_V.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-CYExSMEO.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-dqDinVVp.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-B9FALIJK.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-BE_hr65B.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-nCAVFk3R.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-dqDinVVp.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-B9FALIJK.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-CYExSMEO.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-BE_hr65B.js";
 export {

package/dist/{signature-panel-dqDinVVp.js → signature-panel-B9FALIJK.js}

@@ -1,8 +1,8 @@
-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 { Button as v, Div as o, On as U, Span as y, Th as W, UseParent as Y, I as F, Thead as E, 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 { 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 { TableBody as G, List as V, IntervalTimer as _ } from "@base-framework/organisms";
 import { C as J, I as Z, H as ee } from "./inputs-CzHSmZKP.js";
 import { A as te, P as se } from "./calendar-CYExSMEO.js";
 u((t, e) => ({
@@ -71,7 +71,7 @@ const ne = (t) => {
     i.push(l > 0 ? d : null), (i.length === 7 || l === n) && (a.push([...i]), i = []);
   }
   return a;
-}, Je = (t, e) => {
+}, _e = (t, e) => {
   const s = new Date(t, e + 1, 0).getDate(), n = [];
   let a = [];
   for (let i = 1; i <= s; i++)
@@ -95,10 +95,10 @@ const ne = (t) => {
 }, 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 = [];
   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((A) => A) || new Date(t, e, 1), { weekNumber: $, year: j } = ae(x);
     f.push({
       weekNumber: $,
-      year: A,
+      year: j,
       days: p
     });
   }
@@ -156,7 +156,7 @@ const ne = (t) => {
       )
     ]
   );
-}), W = ({ label: t, click: e }) => C(
+}), P = ({ label: t, click: e }) => C(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
@@ -171,16 +171,16 @@ const ne = (t) => {
   }
 ), he = ({ 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({
+  P({
     label: "Previous",
     click: e
   }),
-  W({
+  P({
     label: "Next",
     click: t
   })
 ]);
-class Ze extends g {
+class Je extends g {
   /**
    * This will declare the props for the compiler.
    *
@@ -301,20 +301,20 @@ class Ze extends g {
 const ue = (t, e) => {
   const s = t.toggleAllSelectedRows();
   e.state.checked = !s;
-}, ge = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
+}, ge = (t) => W({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
   Y((e) => new J({ class: "mr-2", onChange: (s, n) => ue(e, n) }))
 ]), fe = ({ align: t, sortable: e, key: s, label: n, sort: a, class: i }) => {
   const l = t || "justify-start";
-  return P({
+  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}` }, [
       y(n),
-      e && E({ class: "ml-2", html: w.arrows.upDown })
+      e && F({ class: "ml-2", html: w.arrows.upDown })
     ])
   ]);
-}, pe = (t) => F([
+}, pe = (t) => E([
   H({
     class: "text-muted-foreground border-b",
     map: [t.headers, (e) => e.label === "checkbox" ? ge({ toggle: t.toggle }) : fe({
@@ -325,13 +325,13 @@ const ue = (t, e) => {
       sort: t.sort
     })]
   })
-]), me = ({ key: t, rows: e, selectRow: s, rowItem: n }) => new _({
+]), me = ({ key: t, rows: e, selectRow: s, rowItem: n }) => new G({
   cache: "table",
   key: t,
   items: e,
   rowItem: (a) => n(a, s),
   class: "divide-y divide-border"
-}), et = R(
+}), Ze = R(
   {
     /**
      * Initializes component data.
@@ -503,7 +503,7 @@ const ue = (t, e) => {
     lastSeen: t.lastSeen,
     status: t.status
   })
-])), tt = u((t) => new G({
+])), et = u((t) => new V({
   cache: "list",
   key: "name",
   items: t.users,
@@ -517,7 +517,7 @@ const ue = (t, e) => {
   dataSet: ["selected", ["state", !0, "active"]],
   class: `${n ? "hidden" : "inline-flex"} items-center justify-center whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring focus-visible:ring-offset-background hover:bg-primary hover:text-primary-foreground disabled:opacity-50 disabled:pointer-events-none data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm`
 });
-class st extends g {
+class tt extends g {
   /**
    * This will declare the props for the compiler.
    *
@@ -615,7 +615,7 @@ class st extends g {
     this.links = [];
   }
 }
-const nt = u((t) => {
+const st = u((t) => {
   const e = t.margin || "m-4 ml-0";
   return o({ class: `flex-none ${e}` }, [
     C({
@@ -720,7 +720,7 @@ class N extends g {
     return this.children;
   }
 }
-class at extends N {
+class nt extends N {
   /**
    * This will stop presistence.
    *
@@ -823,7 +823,7 @@ class at extends N {
     document.documentElement.style.overflowY = "auto";
   }
 }
-class it extends N {
+class at extends N {
   /**
    * This will get the overlay type.
    *
@@ -854,7 +854,7 @@ const Be = u(({ index: t, click: e, state: s }, n) => D({
 }, n)), Ie = 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) => Be({ index: n, click: t, state: e }, s.label)]
-})), Te = 100, We = u((t) => o({ class: "relative flex items-center" }, [
+})), Te = u((t) => o({ class: "relative flex items-center" }, [
   Z({
     cache: "input",
     placeholder: t.placeholder ?? "Search...",
@@ -863,7 +863,6 @@ const Be = u(({ index: t, click: e, state: s }, n) => D({
       s.state.open = !0, typeof t.filterOptions == "function" && t.filterOptions(), s.dropdown.updatePosition();
     },
     pointerup: (e, s) => s.toggleDropdown(),
-    blur: (e, { state: s }) => setTimeout(() => s.open = !1, Te),
     keydown: (e) => typeof t.handleKeyDown == "function" && t.handleKeyDown(e)
   }),
   t.icon && o({ class: "absolute right-0 mr-2" }, [
@@ -882,7 +881,7 @@ const Be = u(({ index: t, click: e, state: s }, n) => D({
         Ie(t)
       ]);
   }]
-}), ot = R(
+}), it = R(
   {
     /**
      * This will set up the data object.
@@ -978,8 +977,13 @@ const Be = u(({ index: t, click: e, state: s }, n) => D({
      * @returns {object} - The rendered component.
      */
     render() {
-      return o({ class: "relative w-full max-w-md" }, [
-        We({
+      return o({
+        class: "relative w-full max-w-md",
+        click: (t, e) => {
+          t.target === e.panel && (t.preventDefault(), t.stopPropagation(), e.state.open = !1);
+        }
+      }, [
+        Te({
           // @ts-ignore
           state: this.state,
           // @ts-ignore
@@ -1002,7 +1006,7 @@ const Be = u(({ index: t, click: e, state: s }, n) => D({
       ]);
     }
   }
-), Oe = (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"]]
@@ -1014,10 +1018,10 @@ const Be = u(({ index: t, click: e, state: s }, n) => D({
       click: (e) => t.callBack(t.value)
     }, t.label)
   ]
-), Re = (t, e) => (t.callBack = e, Oe(t)), Me = (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) => Re(e, t.callBack)] })
+), Oe = (t, e) => (t.callBack = e, We(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)] })
 ]);
-class lt extends g {
+class ot extends g {
   /**
    * This will declare the props for the compiler.
    *
@@ -1034,7 +1038,7 @@ class lt extends g {
   render() {
     const e = this.select.bind(this);
     return o({ class: "" }, [
-      Me({
+      Re({
         class: this.class,
         options: this.options,
         callBack: e
@@ -1105,7 +1109,7 @@ class lt extends g {
     };
   }
 }
-const ze = (t) => D(
+const Me = (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"]]
@@ -1118,10 +1122,10 @@ const ze = (t) => D(
       disabled: t.disabled
     }, t.label)
   ]
-), Ne = (t, e) => (t.callBack = e, ze(t)), $e = (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) => Ne(e, t.callBack)] })
+), ze = (t, e) => (t.callBack = e, Me(t)), Ne = (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) => ze(e, t.callBack)] })
 ]);
-class rt extends g {
+class lt extends g {
   /**
    * This will declare the props for the compiler.
    *
@@ -1137,7 +1141,7 @@ class rt extends g {
    */
   render() {
     const e = this.select.bind(this);
-    return $e({
+    return Ne({
       class: this.class,
       options: this.options,
       callBack: e
@@ -1164,17 +1168,17 @@ class rt extends g {
     };
   }
 }
-const Ae = (t, e) => new RegExp(`${t}($|/|\\.).*`).test(e), je = (t, e) => {
+const $e = (t, e) => new RegExp(`${t}($|/|\\.).*`).test(e), je = (t, e) => {
   const s = t.getLinkPath();
-  return t.exact ? e === s : Ae(s, e);
-}, Ue = ({ text: t, href: e, exact: s }) => new M({
+  return t.exact ? e === s : $e(s, e);
+}, Ae = ({ text: t, href: e, exact: s }) => new M({
   text: t,
   href: e,
   exact: s,
   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 Ye extends g {
+class Ue extends g {
   /**
    * This will declare the props for the compiler.
    *
@@ -1257,7 +1261,7 @@ class Ye extends g {
    * @returns {object}
    */
   addLink({ label: e, href: s, exact: n }) {
-    const a = Ue({ text: e, href: s, exact: n });
+    const a = Ae({ text: e, href: s, exact: n });
     return this.links.push(a), a;
   }
   /**
@@ -1269,7 +1273,7 @@ class Ye extends g {
     this.links = [];
   }
 }
-class ct extends g {
+class rt extends g {
   /**
    * This will declare the props for the compiler.
    *
@@ -1285,7 +1289,7 @@ class ct extends g {
    */
   render() {
     return o({ class: "tab-panel" }, [
-      new Ye({
+      new Ue({
         class: this.class,
         options: this.options
       }),
@@ -1315,7 +1319,7 @@ class ct extends g {
     return s;
   }
 }
-class Ee extends g {
+class Ye extends g {
   /**
    * Runs before rendering, sets up defaults, a timer for drawing,
    * and basic canvas properties.
@@ -1325,7 +1329,7 @@ class Ee 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 _(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.
@@ -1541,7 +1545,7 @@ class Ee extends g {
     this.timer.stop(), this.status = "stopped";
   }
 }
-class dt extends g {
+class ct extends g {
   /**
    * Sets up default properties for the signature panel.
    *
@@ -1570,7 +1574,7 @@ class dt extends g {
           click: this.reset.bind(this)
         })
       ]),
-      new Ee({
+      new Ye({
         cache: "canvasLayer",
         margin: this.margin,
         targetSize: this.targetSize,
@@ -1620,33 +1624,33 @@ class dt extends g {
   }
 }
 export {
-  nt as B,
+  st as B,
   ge as C,
   me as D,
   fe as H,
-  it as I,
-  st as N,
+  at as I,
+  tt as N,
   N as O,
   Ge as P,
-  ot as S,
+  it as S,
   pe as T,
   De as U,
-  Ze as W,
+  Je as W,
   oe as a,
   T as b,
   ae as c,
   Ve as d,
-  Je as e,
+  _e as e,
   re as f,
   ie as g,
   de as h,
   he as i,
-  et as j,
-  tt as k,
-  at as l,
-  lt as m,
-  rt as n,
-  Ye as o,
-  ct as p,
-  dt as q
+  Ze as j,
+  et as k,
+  nt as l,
+  ot as m,
+  lt as n,
+  Ue as o,
+  rt as p,
+  ct as q
 };

package/package.json

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