@base-framework/ui 1.1.19 → 1.1.21

package/dist/atoms.es.js

@@ -1,5 +1,5 @@
 import { B as e, C as t, a as o, F as n, b as r, L as p, P as I, R as i, S as u, T as l } from "./tooltip-BmvjA9XQ.js";
-import { B as m, I as c, L as T, M as g, U as x, i as B, a as C } from "./buttons-D81gnapb.js";
+import { B as m, I as c, L as T, M as g, U as x, i as B, a as C } from "./buttons-BY-KDbOv.js";
 import { C as F, a as M, D as S, b, E as L, F as P, H as R, I as U, c as h, M as k, N as D, P as H, R as V, T as E, d as G, e as N, U as W, V as v, f as w, W as J } from "./image-BhZbKYDj.js";
 import { S as q } from "./skeleton-BlY3opxG.js";
 export {

package/dist/{buttons-D81gnapb.js → buttons-BY-KDbOv.js}

@@ -1,7 +1,7 @@
 import { I as y, Span as v, Button as o } from "@base-framework/atoms";
 import { Atom as i } from "@base-framework/base";
 import { Icons as b } from "./icons.es.js";
-const k = {
+const z = {
   xs: "w-4 h-4",
   sm: "w-6 h-6",
   md: "w-8 h-8",
@@ -10,7 +10,7 @@ const k = {
   "2xl": "w-14 h-14",
   "3xl": "w-16 h-16"
 }, r = i((n, s) => {
-  const t = k[n.size || "sm"];
+  const t = z[n.size || "sm"];
   return y({
     ...n,
     class: `stroke-current icon-size ${t} ${n.class || ""}`,
@@ -71,21 +71,21 @@ const k = {
     ...n,
     class: n.class
   }, [
-    n.icon && n.position !== "right" ? c({ size: "sm", class: n.animation ?? null }, n.icon) : null,
+    n.icon && n.position !== "right" ? c({ size: n.size || "sm", class: n.animation ?? null }, n.icon) : null,
     ...s || [],
-    n.icon && n.position === "right" ? c({ size: "sm", class: n.animation ?? null }, n.icon) : null
+    n.icon && n.position === "right" ? c({ size: n.size || "sm", class: n.animation ?? null }, n.icon) : null
   ])
 ), h = (n) => i((s, t) => x({
   ...n,
   ...s,
   class: `bttn ${n.class} ${s.class || ""}`
-}, t)), z = (n) => () => {
+}, t)), k = (n) => () => {
   if (n.allowHistory === !0 && globalThis.history.length > 2) {
     globalThis.history.back();
     return;
   }
   n.backUrl && app.navigate(n.backUrl);
-}, $ = (n) => i((s, t) => (s.icon = s.icon || b.arrows.left, s.click = s.click || z(s), x({
+}, $ = (n) => i((s, t) => (s.icon = s.icon || b.arrows.left, s.click = s.click || k(s), x({
   ...n,
   ...s
 }, t))), I = i((n, s) => {

package/dist/{empty-state-ChjK4l3n.js → empty-state-BYGAQBoC.js}

@@ -1,13 +1,13 @@
 import { Atom as c, Component as y, Html as A, Dom as Z, base as tt, Data as k, Builder as H, Jot as w, Events as g, DateTime as M } from "@base-framework/base";
 import { Div as n, H5 as et, P as b, Li as q, Span as a, Ul as V, Button as p, I as T, OnState as I, Label as P, H2 as v, Form as st, Header as B, Footer as L, A as G, H3 as ot, Checkbox as nt, Input as f, Img as W, Nav as it, UseParent as _, OnStateOpen as O, Time as rt, Dialog as lt } from "@base-framework/atoms";
-import { P as S, C as at, R as ct } from "./simple-search-input-DKPm8m2G.js";
-import { U as m, B as h, I as dt } from "./buttons-D81gnapb.js";
+import { P as S, C as at, R as ct } from "./simple-search-input-DBixzLjf.js";
+import { U as m, B as h, I as dt } from "./buttons-BY-KDbOv.js";
 import { Timer as ut, List as ht, DynamicTime as mt } from "@base-framework/organisms";
 import { C as ft, b as pt } from "./tooltip-BmvjA9XQ.js";
 import { f as C } from "./image-BhZbKYDj.js";
 import { Icons as u } from "./icons.es.js";
 import { F as z } from "./format-DE4rFWuD.js";
-import "./mobile-nav-wrapper-DyBtZhx2.js";
+import "./mobile-nav-wrapper-BU2y9igN.js";
 import "./aside-template-BDvEMLnk.js";
 import "./full-page-DccgwWsM.js";
 import "./bside-template-BCP2pJWN.js";

package/dist/index.es.js

@@ -1,15 +1,15 @@
 import { B as s, C as o, a as t, F as r, b as n, L as i, P as l, R as p, S as m, T as d } from "./tooltip-BmvjA9XQ.js";
-import { B as c, I as g, L as T, M as C, U as I, i as S, a as b } from "./buttons-D81gnapb.js";
+import { B as c, I as g, L as T, M as C, U as I, i as S, a as b } from "./buttons-BY-KDbOv.js";
 import { C as B, a as F, D as P, b as M, E as f, F as k, H as x, I as v, c as N, M as U, N as h, P as y, R as L, T as W, d as H, e as R, U as w, V as A, f as G, W as O } from "./image-BhZbKYDj.js";
 import { S as j } from "./skeleton-BlY3opxG.js";
 import { Icons as J, MaterialSymbols as q } from "./icons.es.js";
-import { A as K, B as Q, C as _, a as X, b as Y, c as Z, d as $, D as aa, e as ea, f as sa, g as oa, h as ta, i as ra, j as na, k as ia, l as la, m as pa, n as ma, o as da, E as ua, F as ca, p as ga, q as Ta, r as Ca, s as Ia, t as Sa, u as ba, v as Da, w as Ba, x as Fa, I as Pa, L as Ma, M as fa, y as ka, N as xa, z as va, P as Na, S as Ua, G as ha, H as ya, J as La, K as Wa, T as Ha, O as Ra, Q as wa, R as Aa, U as Ga } from "./empty-state-ChjK4l3n.js";
-import { A as Ea, B as ja, C as Va, a as Ja, b as qa, D as za, c as Ka, d as Qa, e as _a, f as Xa, g as Ya, F as Za, H as $a, M as ae, O as ee, P as se, R as oe, S as te, h as re, i as ne, j as ie, T as le, U as pe, k as me, l as de, m as ue, p as ce } from "./simple-search-input-DKPm8m2G.js";
-import { B as Te, I as Ce, N as Ie, P as Se, S as be, T as De, a as Be, b as Fe, U as Pe, c as Me, d as fe, e as ke, W as xe, f as ve, g as Ne, h as Ue, i as he, j as ye, k as Le, l as We, m as He, n as Re } from "./signature-panel-dsvVvBEM.js";
-import { B as Ae, I as Ge, M as Oe, a as Ee, b as je, N as Ve, c as Je, d as qe, e as ze, f as Ke, P as Qe, S as _e, T as Xe } from "./mobile-nav-wrapper-DyBtZhx2.js";
-import { S as Ze } from "./sidebar-menu-D5TdjR_H.js";
+import { A as K, B as Q, C as _, a as X, b as Y, c as Z, d as $, D as aa, e as ea, f as sa, g as oa, h as ta, i as ra, j as na, k as ia, l as la, m as pa, n as ma, o as da, E as ua, F as ca, p as ga, q as Ta, r as Ca, s as Ia, t as Sa, u as ba, v as Da, w as Ba, x as Fa, I as Pa, L as Ma, M as fa, y as ka, N as xa, z as va, P as Na, S as Ua, G as ha, H as ya, J as La, K as Wa, T as Ha, O as Ra, Q as wa, R as Aa, U as Ga } from "./empty-state-BYGAQBoC.js";
+import { A as Ea, B as ja, C as Va, a as Ja, b as qa, D as za, c as Ka, d as Qa, e as _a, f as Xa, g as Ya, F as Za, H as $a, M as ae, O as ee, P as se, R as oe, S as te, h as re, i as ne, j as ie, T as le, U as pe, k as me, l as de, m as ue, p as ce } from "./simple-search-input-DBixzLjf.js";
+import { B as Te, I as Ce, N as Ie, P as Se, S as be, T as De, a as Be, b as Fe, U as Pe, c as Me, d as fe, e as ke, W as xe, f as ve, g as Ne, h as Ue, i as he, j as ye, k as Le, l as We, m as He, n as Re } from "./signature-panel-oy08dzmN.js";
+import { B as Ae, I as Ge, M as Oe, a as Ee, b as je, N as Ve, c as Je, d as qe, e as ze, f as Ke, P as Qe, S as _e, T as Xe } from "./mobile-nav-wrapper-BU2y9igN.js";
+import { S as Ze } from "./sidebar-menu-DrtfWyhW.js";
 import { B as as, F as es, M as ss, P as os } from "./full-page-DccgwWsM.js";
-import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-DSILzVNU.js";
+import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-B8SDcyYE.js";
 import { A as ds, F as us, M as cs, T as gs, a as Ts } from "./aside-template-BDvEMLnk.js";
 import { B as Is } from "./bside-template-BCP2pJWN.js";
 import { F as bs, c as Ds } from "./format-DE4rFWuD.js";

package/dist/{mobile-nav-wrapper-DyBtZhx2.js → mobile-nav-wrapper-BU2y9igN.js}

@@ -1,6 +1,6 @@
 import { Button as g, Div as l, Label as b, Span as w, Ul as r, H4 as S, Nav as d, H3 as h, OnState as B, UseParent as N } from "@base-framework/atoms";
 import { Component as n, Atom as i, NavLink as L, router as u } from "@base-framework/base";
-import { U as o, B as p } from "./buttons-D81gnapb.js";
+import { U as o, B as p } from "./buttons-BY-KDbOv.js";
 import { Icons as c } from "./icons.es.js";
 class C extends n {
   /**

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, B as t, C as r, a as e, b as i, c as n, d as m, D as l, e as d, f as C, g as p, h as D, i as S, j as u, k as c, l as g, m as F, n as T, o as P, E as w, F as A, p as I, q as f, r as b, s as y, t as B, u as M, v as U, w as k, x, I as L, L as R, M as v, y as E, N, z as h, P as G, S as O, G as j, H as q, J as z, K as H, T as J, O as K, Q, R as _, U as V } from "./empty-state-ChjK4l3n.js";
-import { A as X, P as Y, m as Z } from "./simple-search-input-DKPm8m2G.js";
+import { A as s, B as t, C as r, a as e, b as i, c as n, d as m, D as l, e as d, f as C, g as p, h as D, i as S, j as u, k as c, l as g, m as F, n as T, o as P, E as w, F as A, p as I, q as f, r as b, s as y, t as B, u as M, v as U, w as k, x, I as L, L as R, M as v, y as E, N, z as h, P as G, S as O, G as j, H as q, J as z, K as H, T as J, O as K, Q, R as _, U as V } from "./empty-state-BYGAQBoC.js";
+import { A as X, P as Y, m as Z } from "./simple-search-input-DBixzLjf.js";
 export {
   s as Alert,
   X as Avatar,

package/dist/organisms.es.js

@@ -1,7 +1,7 @@
-import { B as s, C as n, a as t, b as r, D as o, c as l, d as i, e as d, f as b, g as p, F as u, H as T, M as g, O as v, R as N, S as k, h as D, i as c, j as C, T as m, U as B, k as S, l as M, p as h } from "./simple-search-input-DKPm8m2G.js";
-import { B as W, I as U, N as f, P as H, S as I, T as P, a as x, b as L, U as O, c as F, d as G, e as j, W as R, f as w, g as q, h as z, i as A, j as E, k as J, l as K, m as Q, n as V } from "./signature-panel-dsvVvBEM.js";
-import { B as Y, I as Z, M as _, a as $, b as aa, N as ea, c as sa, d as na, e as ta, f as ra, P as oa, S as la, T as ia } from "./mobile-nav-wrapper-DyBtZhx2.js";
-import { S as ba } from "./sidebar-menu-D5TdjR_H.js";
+import { B as s, C as n, a as t, b as r, D as o, c as l, d as i, e as d, f as b, g as p, F as u, H as T, M as g, O as v, R as N, S as k, h as D, i as c, j as C, T as m, U as B, k as S, l as M, p as h } from "./simple-search-input-DBixzLjf.js";
+import { B as W, I as U, N as f, P as H, S as I, T as P, a as x, b as L, U as O, c as F, d as G, e as j, W as R, f as w, g as q, h as z, i as A, j as E, k as J, l as K, m as Q, n as V } from "./signature-panel-oy08dzmN.js";
+import { B as Y, I as Z, M as _, a as $, b as aa, N as ea, c as sa, d as na, e as ta, f as ra, P as oa, S as la, T as ia } from "./mobile-nav-wrapper-BU2y9igN.js";
+import { S as ba } from "./sidebar-menu-DrtfWyhW.js";
 export {
   s as BackButton,
   Y as Backdrop,

package/dist/pages.es.js

@@ -1,5 +1,5 @@
 import { B as s, F as P, M as g, P as n } from "./full-page-DccgwWsM.js";
-import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-DSILzVNU.js";
+import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-B8SDcyYE.js";
 export {
   s as BasicPage,
   r as BlankPage,

package/dist/{sidebar-menu-D5TdjR_H.js → sidebar-menu-DrtfWyhW.js}

@@ -1,5 +1,5 @@
 import { Div as r, Header as x, H1 as c } from "@base-framework/atoms";
-import { I as n } from "./mobile-nav-wrapper-DyBtZhx2.js";
+import { I as n } from "./mobile-nav-wrapper-BU2y9igN.js";
 const g = ({ title: l, options: s, class: a = "", mobileBorder: t = !1, sticky: e = !1, topNav: o = null, bottomNav: p = null }) => r({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] flex-auto flex-col ${a}` }, [
   o,
   l && x({ class: "pb-4 md:pb-2 px-6 flex" }, [

package/dist/{sidebar-menu-page-DSILzVNU.js → sidebar-menu-page-B8SDcyYE.js}

@@ -1,8 +1,8 @@
 import { Div as s } from "@base-framework/atoms";
 import { B as a, M as i, P as r } from "./full-page-DccgwWsM.js";
 import { F as l, A as n } from "./aside-template-BDvEMLnk.js";
-import { b as d } from "./mobile-nav-wrapper-DyBtZhx2.js";
-import { S as o } from "./sidebar-menu-D5TdjR_H.js";
+import { b as d } from "./mobile-nav-wrapper-BU2y9igN.js";
+import { S as o } from "./sidebar-menu-DrtfWyhW.js";
 class p extends a {
   /**
    * This will render the page.

package/dist/{signature-panel-dsvVvBEM.js → signature-panel-oy08dzmN.js}

@@ -1,8 +1,8 @@
 import { Div as l, Button as b, On as j, Span as T, Nav as f, Ul as p, Section as y, Li as w, Canvas as z } from "@base-framework/atoms";
 import { Component as k, Data as I, DateTime as U, router as v, NavLink as S, base as L, Dom as B } from "@base-framework/base";
-import { B as C } from "./buttons-D81gnapb.js";
+import { B as C } from "./buttons-BY-KDbOv.js";
 import { Icons as D } from "./icons.es.js";
-import { O as A } from "./simple-search-input-DKPm8m2G.js";
+import { O as A } from "./simple-search-input-DBixzLjf.js";
 import { V as u, H as F } from "./image-BhZbKYDj.js";
 import { IntervalTimer as O } from "@base-framework/organisms";
 class Pt extends k {

package/dist/{simple-search-input-DKPm8m2G.js → simple-search-input-DBixzLjf.js}

@@ -1,6 +1,6 @@
 import { Div as r, Span as N, Button as K, OnState as J, On as $, Th as G, UseParent as et, I as st, Thead as at, Tr as nt, Table as j, P as O, Li as X, Time as ot, Ul as rt, Input as lt } from "@base-framework/atoms";
 import { Component as R, Data as P, Atom as m, DateTime as H, DataTracker as _, Jot as it } from "@base-framework/base";
-import { B as y, U as q } from "./buttons-D81gnapb.js";
+import { B as y, U as q } from "./buttons-BY-KDbOv.js";
 import { Icons as S } from "./icons.es.js";
 import { TableBody as ct, DataTableBody as dt, ScrollableTableBody as ht, List as ut } from "@base-framework/organisms";
 import { I as ft, C as mt, c as gt } from "./image-BhZbKYDj.js";
@@ -1255,6 +1255,10 @@ class ce extends R {
     return r(
       {
         class: this.getClassName(),
+        // @ts-ignore
+        animateIn: this.animateIn ?? null,
+        // @ts-ignore
+        animateOut: this.animateOut ?? null,
         onSet: ["loading", {
           loading: !0
         }]

package/package.json

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