@base-framework/ui 1.0.172 → 1.0.174

package/dist/{confirmation-uvsQJos7.js → confirmation-RwpuUtXL.js}

@@ -400,6 +400,14 @@ class yt extends p {
   open() {
     $e(this), this.showModal();
   }
+  /**
+   * This will destroy the modal.
+   *
+   * @returns {void}
+   */
+  close() {
+    this.destroy();
+  }
   /**
    * This will show the modal.
    *
@@ -668,7 +676,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
         class: "relative inline-flex h-6 w-11 min-w-11 items-center rounded-full bg-muted transition-colors focus:outline-none",
         onState: ["active", { "bg-primary": !0, "bg-muted": !1 }],
         click: (t, { state: s }) => {
-          s.toggle("active"), this.checkbox.checked = s.active;
+          s.toggle("active"), this.checkbox.checked = s.active, this.change && this.change(s.active, t, this);
         }
       }, [
         J({

package/dist/index.es.js

@@ -3,9 +3,9 @@ import { B as g, I as T, L as c } from "./buttons-Cm9etaEG.js";
 import { C as D, d as b, D as S, c as I, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as y, a as h, b as W, U as H, W as L } from "./inputs-Dmu4Z-7-.js";
 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-uvsQJos7.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-BMKPAG1c.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/molecules.es.js

@@ -1,4 +1,4 @@
-import { A as o, B as t, C as e, t as i, E as r, v as n, w as m, x as l, D as S, j as u, k as D, H as c, G as C, s as d, c as g, a as p, b as F, i as T, g as A, e as P, h as f, F as w, d as b, f as B, u as I, M, l as x, N as y, P as k, p as v, q as N, S as h, n as E, o as L, T as R, y as U, z as j, m as q, r as z } from "./confirmation-uvsQJos7.js";
+import { A as o, B as t, C as e, t as i, E as r, v as n, w as m, x as l, D as S, j as u, k as D, H as c, G as C, s as d, c as g, a as p, b as F, i as T, g as A, e as P, h as f, F as w, d as b, f as B, u as I, M, l as x, N as y, P as k, p as v, q as N, S as h, n as E, o as L, T as R, y as U, z as j, m as q, r as z } from "./confirmation-RwpuUtXL.js";
 import { A as H, P as O, g as _ } from "./calendar-DQXME-2u.js";
 export {
   o as Alert,

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-BMKPAG1c.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-BMKPAG1c.js → signature-panel-Trl07yzf.js}

@@ -805,7 +805,7 @@ class j extends h {
    * @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-auto will-change-contents " + (this.class || "");
+    return "overlay absolute 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 || "");
   }
   /**
    * This will setup and render the component.
@@ -1009,12 +1009,16 @@ const ze = d(({ index: t, click: e, state: s }, a) => D({
   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)

package/dist/types/components/molecules/modals/modal.d.ts

@@ -113,6 +113,12 @@ export class Modal extends Component {
      * @returns {void}
      */
     open(): void;
+    /**
+     * This will destroy the modal.
+     *
+     * @returns {void}
+     */
+    close(): void;
     /**
      * This will show the modal.
      *

package/package.json

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