@base-framework/ui 1.0.288 → 1.0.290

package/dist/{empty-state-D09aUoDA.js → empty-state-WqFTWDJP.js}

@@ -5,8 +5,8 @@ import { C as ce, F as ue, a as y } from "./veil-tVDPinrr.js";
 import { B as h, I as g } from "./buttons-BKLL4I6r.js";
 import { Icons as d } from "./icons.es.js";
 import { Timer as de, List as he, DynamicTime as fe } from "@base-framework/organisms";
-import { F as N } from "./format-DnofNaaz.js";
-const z = {
+import { F as E } from "./format-DnofNaaz.js";
+const N = {
   info: {
     borderColor: "border-blue-500",
     bgColor: "bg-muted/10",
@@ -35,7 +35,7 @@ const z = {
 }, me = (e, t) => n({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
   p({ html: e })
 ]), pe = (e) => Q({ class: "font-semibold" }, e), ge = (e) => m({ class: "text-sm text-muted-foreground" }, e), kt = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
-  const { borderColor: l, bgColor: r, iconColor: i } = z[o] || z.default;
+  const { borderColor: l, bgColor: r, iconColor: i } = N[o] || N.default;
   return n({ class: `flex items-start p-4 border rounded-lg ${r} ${l}` }, [
     // Icon and content
     s && me(s, i),
@@ -437,7 +437,7 @@ class Mt extends w {
     this.panel.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(this), document.documentElement.style.overflowY = "auto";
   }
 }
-const E = {
+const z = {
   info: {
     bgColor: "bg-muted/10",
     borderColor: "border-blue-500",
@@ -463,15 +463,15 @@ const E = {
     borderColor: "border",
     iconColor: "text-muted-foreground"
   }
-}, Ne = (e) => D({ class: "flex justify-center" }, [
+}, Ee = (e) => D({ class: "flex justify-center" }, [
   Z({ class: "text-lg font-bold mb-0" }, e)
-]), ze = c(({ href: e, class: t }, s) => Y({
+]), Ne = c(({ href: e, class: t }, s) => Y({
   class: `bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   href: e,
   animateIn: "pullRightIn",
   animateOut: "pullRight",
   role: "alert"
-}, s)), Ee = c(({ close: e, class: t }, s) => n({
+}, s)), ze = c(({ close: e, class: t }, s) => n({
   class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   click: () => e(),
   animateIn: "pullRightIn",
@@ -502,10 +502,10 @@ class je extends w {
    */
   render() {
     const { bgColor: t, borderColor: s, iconColor: o } = this.getTypeStyles(), l = this.href || null, r = this.getChildren(o);
-    return l ? ze({
+    return l ? Ne({
       href: l,
       class: `${t} ${s}`
-    }, r) : Ee({
+    }, r) : ze({
       close: this.close.bind(this),
       class: `${t} ${s}`
     }, r);
@@ -526,7 +526,7 @@ class je extends w {
    */
   getTypeStyles() {
     const t = this.type || "default";
-    return E[t] || E.default;
+    return z[t] || z.default;
   }
   /**
    * This will get the buttons for the notification.
@@ -553,7 +553,7 @@ class je extends w {
         this.icon && p({ class: `mr-4 ${t}`, html: this.icon }),
         n({ class: "flex flex-auto flex-col" }, [
           n({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
-            this.title && Ne(this.title)
+            this.title && Ee(this.title)
           ]),
           m({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
           (this.primary || this.secondary) && L({ class: "margin-top-24 flex align-center" }, this.getButtons())
@@ -578,7 +578,7 @@ class je extends w {
   }
 }
 let Oe = 0;
-class Nt extends w {
+class Et extends w {
   /**
    * This will render the component.
    *
@@ -632,7 +632,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, zt = C(
+}, Nt = C(
   {
     /**
      * This will render the component.
@@ -659,7 +659,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
       };
     }
   }
-), Et = y(
+), zt = y(
   {
     /**
      * The initial state of the Toggle.
@@ -1163,7 +1163,9 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
      */
     render() {
       const e = (s, { state: o }) => o.toggle("open"), t = (s) => {
-        this.state.selectedDate = s, this.state.open = !1, this.input.value = s, $.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(s);
+        this.state.selectedDate = s, this.state.open = !1, this.input.value = s, $.trigger("change", this.input, { bubbles: !0 });
+        const o = new Event("change", { bubbles: !0 });
+        this.input.dispatchEvent(o), typeof this.onChange == "function" && this.onChange(s);
       };
       return n({ class: "relative w-full max-w-[320px]" }, [
         st({
@@ -1189,9 +1191,9 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
 }, [
   nt({ bind: e, required: t }),
   _(({ state: o }) => [
-    a(N.date(["[[start]]", o], "Start Date")),
+    a(E.date(["[[start]]", o], "Start Date")),
     a(" - "),
-    a(N.date(["[[end]]", o], "End Date"))
+    a(E.date(["[[end]]", o], "End Date"))
   ]),
   p({ html: d.calendar.days })
 ]), rt = ({ handleDateSelect: e, blockPriorDates: t }) => P((s, o, l) => new k({
@@ -1606,12 +1608,12 @@ export {
   ht as K,
   Ut as L,
   Mt as M,
-  Nt as N,
+  Et as N,
   mt as O,
   Ze as P,
   Kt as Q,
   Lt as S,
-  zt as T,
+  Nt as T,
   ye as a,
   Dt as b,
   Ce as c,
@@ -1627,7 +1629,7 @@ export {
   Ft as m,
   At as n,
   je as o,
-  Et as p,
+  zt as p,
   jt as q,
   Ot as r,
   S as s,

package/dist/index.es.js

@@ -3,7 +3,7 @@ import { B as d, I as g, L as C } from "./buttons-BKLL4I6r.js";
 import { C as T, F as D, V as I, a as b } from "./veil-tVDPinrr.js";
 import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v, N as y, P as h, R as L, T as W, a as H, b as A, U as R, W as w } from "./inputs-DYxmO1rQ.js";
 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 ba, N as Sa, 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-D09aUoDA.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 ba, N as Sa, 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-WqFTWDJP.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 be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-BEO99NlI.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";

package/dist/molecules.es.js

@@ -1,4 +1,4 @@
-import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-D09aUoDA.js";
+import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-WqFTWDJP.js";
 import { A as V, P as W, g as X } from "./range-calendar-DW0cMOJy.js";
 export {
   s as Alert,

package/package.json

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