@base-framework/ui 1.0.173 → 1.0.175

package/dist/icons.es.js

@@ -535,7 +535,7 @@ const o = {
   link: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
   <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244" />
 </svg>`,
-  mignifingGlass: {
+  magnifyingGlass: {
     default: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
   <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
 </svg>`,

package/dist/index.es.js

@@ -5,7 +5,7 @@ import { V as w, a as U } from "./veil-D4dRxILB.js";
 import { Icons as O } from "./icons.es.js";
 import { A as G, B as V, C as j, t as q, E as z, v as J, w as _, x as K, D as Q, j as X, k as Y, H as Z, G as $, s as aa, c as sa, a as ea, b as oa, i as ta, g as ra, e as na, h as ia, F as la, d as pa, f as ua, u as ma, M as da, l as ga, N as Ta, P as ca, p as Ca, q as Da, S as ba, n as Sa, o as Ia, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./confirmation-RwpuUtXL.js";
 import { A as va, b as fa, C as xa, D as ya, a as ha, F as Wa, M as Ha, P as La, c as Aa, g as wa, p as Ua } from "./calendar-DQXME-2u.js";
-import { B as Oa, o as Ea, C as Ga, j as Va, D as ja, m as qa, k as za, H as Ja, I as _a, N as Ka, O as Qa, P as Xa, S as Ya, n as Za, s as $a, r as as, p as ss, q as es, T as os, l as ts, U as rs, W as ns, f as is, h as ls, i as ps, c as us, d as ms, b as ds, e as gs, a as Ts, g as cs } from "./signature-panel-xXbYWejE.js";
+import { B as Oa, o as Ea, C as Ga, j as Va, D as ja, m as qa, k as za, H as Ja, I as _a, N as Ka, O as Qa, P as Xa, S as Ya, n as Za, s as $a, r as as, p as ss, q as es, T as os, l as ts, U as rs, W as ns, f as is, h as ls, i as ps, c as us, d as ms, b as ds, e as gs, a as Ts, g as cs } from "./signature-panel-Trl07yzf.js";
 import { B as Ds, I as bs, M as Ss, d as Is, e as Bs, g as Ps, N as Fs, b as Ms, a as ks, f as Ns, P as vs, c as fs, S as xs, T as ys } from "./mobile-nav-wrapper-Dj67Pb8l.js";
 import { B as Ws, a as Hs, C as Ls, F as As, b as ws, c as Us, M as Rs, P as Os, S as Es } from "./sidebar-menu-page-BVryQj2Z.js";
 import { A as Vs, F as js, M as qs, a as zs, T as Js } from "./aside-template-McEj_Gxc.js";

package/dist/organisms.es.js

@@ -1,4 +1,4 @@
-import { B as s, o as t, C as o, j as r, D as l, m as n, k as i, H as b, I as d, N as v, O as D, P as g, S as p, n as u, s as N, r as k, p as C, q as T, T as c, l as M, U as m, W as y, f as B, h as W, i as h, c as H, d as P, b as S, e as f, a as x, g as I } from "./signature-panel-xXbYWejE.js";
+import { B as s, o as t, C as o, j as r, D as l, m as n, k as i, H as b, I as d, N as v, O as D, P as g, S as p, n as u, s as N, r as k, p as C, q as T, T as c, l as M, U as m, W as y, f as B, h as W, i as h, c as H, d as P, b as S, e as f, a as x, g as I } from "./signature-panel-Trl07yzf.js";
 import { b as O, C as F, D as U, a as G, F as j, M as q, c as w, p as z } from "./calendar-DQXME-2u.js";
 import { B as E, I as J, M as K, d as Q, e as R, g as V, N as X, b as Y, a as Z, f as _, P as $, c as aa, S as ea, T as sa } from "./mobile-nav-wrapper-Dj67Pb8l.js";
 export {

package/dist/{signature-panel-xXbYWejE.js → signature-panel-Trl07yzf.js}

@@ -1,4 +1,4 @@
-import { Button as x, Div as o, On as H, Span as v, Th as P, UseParent as F, I as E, Thead as Q, Tr as X, Table as I, P as p, Li as D, Time as q, Nav as S, Ul as b, Section as O, Canvas as K } from "@base-framework/atoms";
+import { Button as x, Div as o, On as H, Span as v, Th as P, UseParent as F, I as E, Thead as Q, Tr as X, Table as I, P as p, Li as D, Time as q, Nav as S, Ul as w, Section as O, Canvas as K } from "@base-framework/atoms";
 import { Atom as d, Component as h, Data as L, DateTime as G, router as y, NavLink as z, DataTracker as $, Jot as V, base as B, Dom as M } from "@base-framework/base";
 import { B as C, I as _ } from "./buttons-Cm9etaEG.js";
 import { Icons as k } from "./icons.es.js";
@@ -95,7 +95,7 @@ const re = (t) => {
 }, ge = (t, e) => {
   const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = de(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 = he(t, e, u), f = [...i, ...n, ...c], g = [];
   for (let r = 0; r < f.length; r += 7) {
-    const m = f.slice(r, r + 7), w = m.find((Y) => Y) || new Date(t, e, 1), { weekNumber: A, year: U } = ce(w);
+    const m = f.slice(r, r + 7), b = m.find((Y) => Y) || new Date(t, e, 1), { weekNumber: A, year: U } = ce(b);
     g.push({
       weekNumber: A,
       year: U,
@@ -296,11 +296,11 @@ class ot extends h {
     ]);
   }
 }
-const be = (t, e) => {
+const we = (t, e) => {
   const s = t.toggleAllSelectedRows();
   e.state.checked = !s;
-}, we = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
-  F((e) => new ae({ class: "mr-2", onChange: (s, a) => be(e, a) }))
+}, be = (t) => P({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
+  F((e) => new ae({ class: "mr-2", onChange: (s, a) => we(e, a) }))
 ]), ye = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
   const l = t || "justify-start";
   return P({
@@ -317,7 +317,7 @@ const be = (t, e) => {
     class: "text-muted-foreground border-b",
     map: [
       t.headers,
-      (e) => e.label === "checkbox" ? we({ toggle: t.toggle }) : ye({
+      (e) => e.label === "checkbox" ? be({ toggle: t.toggle }) : ye({
         align: e.align,
         sortable: e.sortable,
         key: e.key,
@@ -692,7 +692,7 @@ class dt extends h {
     return S(
       { class: `flex items-center justify-center p-2 text-muted-foreground rounded-md ${this.class || ""}` },
       [
-        b({
+        w({
           class: "flex space-x-4",
           map: [this.options, (e) => this.addLink(e)],
           watch: {
@@ -1002,19 +1002,23 @@ const ze = d(({ index: t, click: e, state: s }, a) => D({
     }]
   ],
   click: () => e(t)
-}, a)), $e = d(({ selectOption: t, state: e }) => b({
+}, a)), $e = d(({ selectOption: t, state: e }) => w({
   class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
   for: ["filteredOptions", (s, a) => ze({ index: a, click: t, state: e }, s.label)]
 })), Ne = d((t) => o({ class: "relative flex items-center" }, [
   ie({
     cache: "input",
     placeholder: t.placeholder ?? "Search...",
-    bind: [t.state, "searchQuery"],
+    bind: t.bind || [t.state, "searchQuery"],
     keyup: (e, s) => {
-      s.state.open = !0, typeof t.filterOptions == "function" && t.filterOptions(), s.dropdown.updatePosition();
+      s.state && (s.state.open = !1), typeof t.filterOptions == "function" && t.filterOptions(), s.dropdown && s.dropdown.updatePosition(), t.keyup && t.keyup(e, s);
     },
-    pointerup: (e, s) => s.toggleDropdown(),
-    keydown: (e) => typeof t.handleKeyDown == "function" && t.handleKeyDown(e)
+    pointerup: (e, s) => {
+      typeof s.toggleDropdown == "function" && s.toggleDropdown();
+    },
+    keydown: (e) => [
+      typeof t.handleKeyDown == "function" && t.handleKeyDown(e)
+    ]
   }),
   t.icon && o({ class: "absolute right-0 mr-2" }, [
     _(t.icon)
@@ -1165,7 +1169,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => D({
     }, t.label)
   ]
 ), Ue = (t, e) => (t.callBack = e, Ae(t)), Ye = (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) => Ue(e, t.callBack)] })
+  w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Ue(e, t.callBack)] })
 ]);
 class mt extends h {
   /**
@@ -1269,7 +1273,7 @@ const He = (t) => D(
     }, t.label)
   ]
 ), Fe = (t, e) => (t.callBack = e, He(t)), Ee = (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) => Fe(e, t.callBack)] })
+  w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Fe(e, t.callBack)] })
 ]);
 class pt extends h {
   /**
@@ -1346,7 +1350,7 @@ class Ke extends h {
    */
   render() {
     return S({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${this.class}` }, [
-      b({
+      w({
         class: "flex flex-auto flex-row",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
@@ -1419,7 +1423,7 @@ class Ke extends h {
     this.links = [];
   }
 }
-class bt extends h {
+class wt extends h {
   /**
    * This will declare the props for the compiler.
    *
@@ -1614,8 +1618,8 @@ class Ge extends h {
     const e = this.canvas, s = this.container, a = M.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, w = Math.min(r, m);
-      u = n * w + "px", c = l * w + "px";
+      const f = a.width, g = a.height, r = f / n, m = g / l, b = Math.min(r, m);
+      u = n * b + "px", c = l * b + "px";
     }
     e.style.width = u, e.style.height = c;
   }
@@ -1691,7 +1695,7 @@ class Ge extends h {
     this.timer.stop(), this.status = "stopped";
   }
 }
-class wt extends h {
+class bt extends h {
   /**
    * Sets up default properties for the signature panel.
    *
@@ -1771,7 +1775,7 @@ class wt extends h {
 }
 export {
   ht as B,
-  we as C,
+  be as C,
   ke as D,
   ye as H,
   ft as I,
@@ -1799,6 +1803,6 @@ export {
   mt as o,
   pt as p,
   Ke as q,
-  bt as r,
-  wt as s
+  wt as r,
+  bt as s
 };

package/package.json

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