@base-framework/ui 1.0.297 → 1.0.299

package/dist/aside-template-sUm-F2f0.js

@@ -0,0 +1,44 @@
+import { Atom as t } from "@base-framework/base";
+import { Header as c, H1 as o } from "@base-framework/atoms";
+const x = t((l, e) => ({
+  tag: "section",
+  ...l,
+  children: e
+})), u = t((l, e) => x({
+  class: "body full-container flex flex-auto flex-col " + l.class,
+  ...l
+}, e)), n = t((l, e) => {
+  const a = l.flex ? l.flex : "flex flex-auto flex-col lg:flex-row";
+  return l.class = "row " + a + " " + (l.class || ""), {
+    ...l,
+    children: e
+  };
+}), m = t((l, e) => c([
+  o({ watch: l.watch }, l.text)
+], e)), f = t((l, e) => {
+  const a = l.flex ? "flex flex-none" : "flex flex-auto flex-col";
+  return l.class = "col " + a + " " + (l.class || ""), {
+    ...l,
+    children: e
+  };
+}), i = t((l, e) => x({ class: "body aside-container flex flex-auto flex-col max-w-[100vw] h-full" }, [
+  n([
+    f({
+      class: "drawer control w-full md:max-w-[320px]",
+      flex: "flex flex-none md:flex-auto flex-col"
+    }, [
+      l.left
+    ]),
+    f([
+      l.right
+    ])
+  ])
+]));
+export {
+  i as A,
+  u as F,
+  f as M,
+  n as R,
+  m as T,
+  x as a
+};

package/dist/{bside-template-Dit1qrll.js → bside-template-do_hXebn.js}

@@ -1,5 +1,5 @@
 import { Atom as t } from "@base-framework/base";
-import { a, R as l, M as o } from "./aside-template-CHN7a2db.js";
+import { a, R as l, M as o } from "./aside-template-sUm-F2f0.js";
 const s = t((e, r) => a({ class: "body bside-container flex flex-auto flex-col" }, [
   l([
     o([

package/dist/{empty-state-CJGDcHyo.js → empty-state-9BzsaWJW.js}

@@ -5,8 +5,8 @@ import { C as ce, F as ue, a as y } from "./veil-B1pwIy-D.js";
 import { B as h, I as g } from "./buttons-CHEs54Wl.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.
    *
@@ -610,7 +610,7 @@ class Nt extends w {
    * @returns {void}
    */
   removeNotice(t) {
-    this.list.delete(t.id);
+    this.list.delete(t.id), this.list.isEmpty() && this.panel.hidePopover();
   }
 }
 const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
@@ -631,7 +631,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.
@@ -658,7 +658,7 @@ const j = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
       };
     }
   }
-), Et = y(
+), zt = y(
   {
     /**
      * The initial state of the Toggle.
@@ -1187,9 +1187,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({
@@ -1604,12 +1604,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,
@@ -1625,7 +1625,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,13 +3,13 @@ import { B as d, I as g, L as C } from "./buttons-CHEs54Wl.js";
 import { C as T, F as D, V as I, a as b } from "./veil-B1pwIy-D.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-CJGDcHyo.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-9BzsaWJW.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-UXMh98a5.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-vkcc6Dnu.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-6TYbkn2L.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-CWqhZ0qz.js";
-import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-lnMOV1FT.js";
-import { A as Xe, F as Ye, M as Ze, a as $e, T as as } from "./aside-template-CHN7a2db.js";
-import { B as ss } from "./bside-template-Dit1qrll.js";
+import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-UmKsAvjb.js";
+import { A as Xe, F as Ye, M as Ze, a as $e, T as as } from "./aside-template-sUm-F2f0.js";
+import { B as ss } from "./bside-template-do_hXebn.js";
 import { F as ts, c as rs } from "./format-DnofNaaz.js";
 import { I as ls } from "./image-scaler-1G-JzJVG.js";
 export {

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-CJGDcHyo.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-9BzsaWJW.js";
 import { A as V, P as W, g as X } from "./range-calendar-UXMh98a5.js";
 export {
   s as Alert,

package/dist/organisms.es.js

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

package/dist/pages.es.js

@@ -1,4 +1,4 @@
-import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-lnMOV1FT.js";
+import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-UmKsAvjb.js";
 export {
   s as BasicPage,
   P as BlankPage,

package/dist/{sidebar-menu-page-lnMOV1FT.js → sidebar-menu-page-UmKsAvjb.js}

@@ -1,5 +1,5 @@
 import { Div as t, Header as n, H1 as d, P as o } from "@base-framework/atoms";
-import { F as l, A as h } from "./aside-template-CHN7a2db.js";
+import { F as l, A as h } from "./aside-template-sUm-F2f0.js";
 import { Component as x, Atom as i } from "@base-framework/base";
 import { c as u, e as p } from "./mobile-nav-wrapper-CWqhZ0qz.js";
 class c extends x {

package/dist/{signature-panel-vkcc6Dnu.js → signature-panel-6TYbkn2L.js}

@@ -1198,7 +1198,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => S({
   }
 ), je = (t) => S(
   {
-    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",
+    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-foreground data-[state=active]:shadow-sm",
     dataSet: ["selected", ["state", t.value, "active"]]
   },
   [

package/dist/templates.es.js

@@ -1,5 +1,5 @@
-import { A as s, F as l, M as m, a as p, T as o } from "./aside-template-CHN7a2db.js";
-import { B as T } from "./bside-template-Dit1qrll.js";
+import { A as s, F as l, M as m, a as p, T as o } from "./aside-template-sUm-F2f0.js";
+import { B as T } from "./bside-template-do_hXebn.js";
 export {
   s as AsideTemplate,
   T as BsideTemplate,

package/package.json

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

package/dist/aside-template-CHN7a2db.js

@@ -1,47 +0,0 @@
-import { Atom as f } from "@base-framework/base";
-import { Header as o, H1 as c } from "@base-framework/atoms";
-const x = f((l, e) => ({
-  tag: "section",
-  ...l,
-  children: e
-})), u = f((l, e) => x({
-  class: "body full-container flex flex-auto flex-col " + l.class,
-  ...l
-}, e)), n = f((l, e) => {
-  const t = l.flex ? l.flex : "flex flex-auto flex-col lg:flex-row";
-  return l.class = "row " + t + " " + (l.class || ""), {
-    ...l,
-    children: e
-  };
-}), m = f((l, e) => o([
-  c({ watch: l.watch }, l.text)
-], e)), a = f((l, e) => {
-  const t = l.flex ? "flex flex-none" : "flex flex-auto flex-col";
-  return l.class = "col " + t + " " + (l.class || ""), {
-    ...l,
-    children: e
-  };
-}), w = f((l, e) => x({ class: "body aside-container flex flex-auto flex-col max-w-[100vw] h-full" }, [
-  n([
-    a({
-      class: "drawer control w-full md:max-w-[320px]",
-      flex: "flex flex-none md:flex-auto flex-col"
-    }, [
-      l.left
-    ]),
-    a({
-      class: "flex-grow flex-col",
-      flex: "flex flex-grow flex-col"
-    }, [
-      l.right
-    ])
-  ])
-]));
-export {
-  w as A,
-  u as F,
-  a as M,
-  n as R,
-  m as T,
-  x as a
-};