@base-framework/ui 1.1.22 → 1.1.24

package/dist/{empty-state-accxIvGO.js → empty-state-CPh9WDdU.js}

@@ -1,6 +1,6 @@
 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-Cf5rRhJE.js";
+import { P as S, C as at, R as ct } from "./simple-search-input-Bd3LOIPc.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-C8OUlZKV.js";

package/dist/index.es.js

@@ -3,9 +3,9 @@ import { B as c, I as g, L as T, M as C, U as I, i as S, a as b } from "./button
 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-gf8yyrt3.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-accxIvGO.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-Cf5rRhJE.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-CuOUv4V2.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-CPh9WDdU.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-Bd3LOIPc.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-D4dg_lpE.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-gNWndUx9.js";
 import { S as Ze } from "./sidebar-menu-9uhT3f6A.js";
 import { B as as, F as es, M as ss, P as os } from "./full-page-DccgwWsM.js";

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-accxIvGO.js";
-import { A as X, P as Y, m as Z } from "./simple-search-input-Cf5rRhJE.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-CPh9WDdU.js";
+import { A as X, P as Y, m as Z } from "./simple-search-input-Bd3LOIPc.js";
 export {
   s as Alert,
   X as Avatar,

package/dist/organisms.es.js

@@ -1,5 +1,5 @@
-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-Cf5rRhJE.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-CuOUv4V2.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-Bd3LOIPc.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-D4dg_lpE.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-gNWndUx9.js";
 import { S as ba } from "./sidebar-menu-9uhT3f6A.js";
 export {

package/dist/{signature-panel-CuOUv4V2.js → signature-panel-D4dg_lpE.js}

@@ -2,7 +2,7 @@ import { Div as l, Button as b, On as j, Span as T, Nav as f, Ul as p, Section a
 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-BY-KDbOv.js";
 import { Icons as D } from "./icons.es.js";
-import { O as A } from "./simple-search-input-Cf5rRhJE.js";
+import { O as A } from "./simple-search-input-Bd3LOIPc.js";
 import { V as u, H as F } from "./image-gf8yyrt3.js";
 import { IntervalTimer as O } from "@base-framework/organisms";
 class Pt extends k {

package/dist/{simple-search-input-Cf5rRhJE.js → simple-search-input-Bd3LOIPc.js}

@@ -1,4 +1,4 @@
-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 { Div as r, Span as N, Button as K, OnState as J, On as T, Th as G, UseParent as et, I as st, Thead as at, Tr as nt, Table as j, P as $, 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-BY-KDbOv.js";
 import { Icons as S } from "./icons.es.js";
@@ -204,9 +204,9 @@ const xt = m(({ src: t, alt: e }) => !t || t.indexOf(".") === -1 && t.indexOf("[
       a.substring(0, 3)
     )
   )
-), b = (t) => (t *= 1, t < 10 ? `0${t}` : String(t)), Mt = (t) => (t.indexOf("T") === -1 && t.indexOf(" ") === -1 && (t += "T00:00:01"), t.replace(" ", "T"), t), p = (t, e, s) => `${t}-${b(e + 1)}-${b(s)}`, It = (t) => t ? "bg-accent text-primary" : "", Tt = (t) => t ? "text-muted-foreground opacity-50" : "", $t = (t, e) => t === e, Ot = (t, e) => $t(t, e) ? "bg-primary text-primary-foreground" : "", Rt = (t, e, s, a) => {
-  const n = Ot(e, a);
-  return n || (t ? It(t) : s ? Tt(s) : "text-foreground");
+), b = (t) => (t *= 1, t < 10 ? `0${t}` : String(t)), Mt = (t) => (t.indexOf("T") === -1 && t.indexOf(" ") === -1 && (t += "T00:00:01"), t.replace(" ", "T"), t), p = (t, e, s) => `${t}-${b(e + 1)}-${b(s)}`, It = (t) => t ? "bg-accent text-primary" : "", Ot = (t) => t ? "text-muted-foreground opacity-50" : "", Tt = (t, e) => t === e, $t = (t, e) => Tt(t, e) ? "bg-primary text-primary-foreground" : "", Rt = (t, e, s, a) => {
+  const n = $t(e, a);
+  return n || (t ? It(t) : s ? Ot(s) : "text-foreground");
 }, Y = (t) => {
   const {
     day: e,
@@ -537,27 +537,27 @@ const W = ({ label: t, click: e }) => y(
 }, Ut = ({ today: t, current: e, blockPriorDates: s, onDateClick: a }) => {
   const { start: n, end: o } = e, c = new Date(e.year, e.month, 1).getDay(), l = new Date(e.year, e.month + 1, 0).getDate(), u = [], f = e.month === 0 ? 11 : e.month - 1, g = e.month === 0 ? e.year - 1 : e.year, C = new Date(g, f + 1, 0).getDate(), v = e.month === 11 ? 0 : e.month + 1, k = e.month === 11 ? e.year + 1 : e.year;
   for (let d = c - 1; d >= 0; d--) {
-    const i = C - d, h = p(g, f, i), w = new Date(g, f, i), x = new Date(t.year, t.month, t.date), D = w < x, M = s && D, I = n === h, T = o === h, tt = n && o && h > n && h < o;
+    const i = C - d, h = p(g, f, i), w = new Date(g, f, i), x = new Date(t.year, t.month, t.date), D = w < x, M = s && D, I = n === h, O = o === h, tt = n && o && h > n && h < o;
     u.push({
       day: i,
       iso: h,
       disabled: M,
       isStart: I,
-      isEnd: T,
+      isEnd: O,
       isBetween: tt,
       isOtherMonth: !0,
       click: () => a(h)
     });
   }
   for (let d = 1; d <= l; d++) {
-    const i = p(e.year, e.month, d), h = new Date(e.year, e.month, d), w = new Date(t.year, t.month, t.date), x = h < w, D = s && x, M = n === i, I = o === i, T = n && o && i > n && i < o;
+    const i = p(e.year, e.month, d), h = new Date(e.year, e.month, d), w = new Date(t.year, t.month, t.date), x = h < w, D = s && x, M = n === i, I = o === i, O = n && o && i > n && i < o;
     u.push({
       day: d,
       iso: i,
       disabled: D,
       isStart: M,
       isEnd: I,
-      isBetween: T,
+      isBetween: O,
       isOtherMonth: !1,
       click: () => {
         a(i);
@@ -566,14 +566,14 @@ const W = ({ label: t, click: e }) => y(
   }
   const F = (7 - u.length % 7) % 7;
   for (let d = 1; d <= F; d++) {
-    const i = p(k, v, d), h = new Date(k, v, d), w = new Date(t.year, t.month, t.date), x = h < w, D = s && x, M = n === i, I = o === i, T = n && o && i > n && i < o;
+    const i = p(k, v, d), h = new Date(k, v, d), w = new Date(t.year, t.month, t.date), x = h < w, D = s && x, M = n === i, I = o === i, O = n && o && i > n && i < o;
     u.push({
       day: d,
       iso: i,
       disabled: D,
       isStart: M,
       isEnd: I,
-      isBetween: T,
+      isBetween: O,
       isOtherMonth: !0,
       click: () => a(i)
     });
@@ -630,14 +630,14 @@ const W = ({ label: t, click: e }) => y(
     )
   )
 ), Qt = ({ start: t, end: e, selecting: s, onSelectStart: a, onSelectEnd: n }) => r({ class: "flex gap-x-2 mb-4" }, [
-  $("selecting", (o) => y({
+  T("selecting", (o) => y({
     click: a,
     variant: o === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
     r({ class: "font-medium" }, Q("current.start", "Start Date"))
   ])),
-  $("selecting", (o) => y({
+  T("selecting", (o) => y({
     click: n,
     variant: o === "end" ? "primary" : "outline",
     class: "flex-1"
@@ -953,7 +953,7 @@ class Z extends R {
   render() {
     const e = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return r({ class: "w-full flex flex-auto flex-col" }, [
-      $("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      T("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       r({ class: `w-full rounded-md ${e} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         j({ class: "w-full" }, [
           // @ts-ignore
@@ -1061,7 +1061,7 @@ class Zt extends Z {
   render() {
     const e = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return r({ class: "w-full flex flex-auto flex-col" }, [
-      $("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      T("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       r({ class: `w-full rounded-md ${e} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         j({ class: "w-full" }, [
           // @ts-ignore
@@ -1144,7 +1144,7 @@ class ee extends Z {
   render() {
     const e = this.border !== !1 ? "border" : "", s = this.getHeaderColCount();
     return r({ class: "w-full flex flex-auto flex-col" }, [
-      $("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
+      T("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       r({ class: `w-full rounded-md ${e} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         j({ class: "w-full" }, [
           // @ts-ignore
@@ -1208,18 +1208,18 @@ const ke = m((t) => new ee(
     skeleton: t.skeleton
   }
 )), se = m(({ name: t, email: e }) => r({ class: "min-w-0 flex-auto" }, [
-  O({ class: "text-base font-semibold leading-6 m-0" }, t),
-  O({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, e)
+  $({ class: "text-base font-semibold leading-6 m-0" }, t),
+  $({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, e)
 ])), ae = () => r({ class: "flex items-center gap-x-1.5" }, [
   r({ class: "flex-none rounded-full bg-emerald-500/20 p-1" }, [
     r({ class: "h-1.5 w-1.5 rounded-full bg-emerald-500" })
   ]),
-  O({ class: "text-xs leading-5 text-gray-500" }, "Online")
-]), ne = (t) => O({ class: "text-xs leading-5 text-muted-foreground" }, [
+  $({ class: "text-xs leading-5 text-gray-500" }, "Online")
+]), ne = (t) => $({ class: "text-xs leading-5 text-muted-foreground" }, [
   N("Last seen "),
   ot({ datetime: t }, "3h ago")
 ]), oe = (t, e) => t === "online" ? ae() : ne(e), re = m(({ role: t, lastSeen: e, status: s }) => r({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
-  O({ class: "text-sm leading-6 m-0" }, t),
+  $({ class: "text-sm leading-6 m-0" }, t),
   oe(s, e)
 ])), le = (t) => t.split(" ").map((s) => s[0]).join(""), ie = m((t) => X({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
   r({ class: "flex min-w-0 gap-x-4" }, [
@@ -1263,9 +1263,9 @@ class ce extends R {
       {
         class: this.getClassName(),
         // @ts-ignore
-        // animateIn: this.animateIn ?? null,
-        // // @ts-ignore
-        // animateOut: this.animateOut ?? null,
+        animateIn: this.animateIn ?? null,
+        // @ts-ignore
+        animateOut: this.animateOut ?? null,
         onSet: ["loading", {
           loading: !0
         }]
@@ -1363,6 +1363,10 @@ class Me extends ce {
     const e = this.container;
     return r(
       {
+        // @ts-ignore
+        animateIn: this.animateIn ?? null,
+        // @ts-ignore
+        animateOut: this.animateOut ?? null,
         onState: [
           ["loading", {
             loading: !0
@@ -1610,7 +1614,7 @@ const de = m(({ index: t, click: e, state: s }, a) => X({
       ]);
     }
   }
-), Te = m((t) => {
+), Oe = m((t) => {
   const e = t.icon ?? S.magnifyingGlass.default;
   return r({
     class: `relative flex items-center w-full rounded-xl bg-muted/30 focus-within:ring-2 focus-within:ring-ring transition-all ${t.containerClass || ""}`
@@ -1657,7 +1661,7 @@ export {
   ve as g,
   Ie as h,
   ue as i,
-  Te as j,
+  Oe as j,
   ie as k,
   Mt as l,
   yt as m,

package/dist/types/components/atoms/form/inputs/range-slider.d.ts

@@ -3,7 +3,7 @@
  *
  * Creates a range slider with a custom style matching the provided design.
  *
- * @returns {Component|null}
+ * @returns {Component}
  */
 export const RangeSlider: any;
 export default RangeSlider;

package/dist/types/components/atoms/progress/progress-bar.d.ts

@@ -3,6 +3,6 @@
  *
  * This will create a progress bar component.
  *
- * @returns {Component|null}
+ * @returns {Component}
  */
 export const ProgressBar: any;

package/dist/types/components/molecules/breadcrumb/dots-indicator.d.ts

@@ -3,7 +3,7 @@
  *
  * Renders a row of circular dots, one of which is "active."
  *
- * @returns {Component|null}
+ * @returns {Component}
  * @example
  *   new DotsIndicator({ count: 4, activeIndex: 0 })
  */

package/dist/types/components/molecules/combobox/combobox.d.ts

@@ -11,7 +11,7 @@
  * @property {boolean} required
  * @property {boolean} selectFirst
  * @property {function} onSelect
- * @returns {Component|null}
+ * @returns {Component}
  */
 export const Combobox: typeof Component;
 import { Component } from '@base-framework/base';

package/dist/types/components/molecules/counters/counter.d.ts

@@ -3,7 +3,7 @@
  *
  * This creates a counter component with an input for count and buttons to increment and decrement.
  *
- * @returns {Component|null}
+ * @returns {Component}
  */
 export const Counter: any;
 export default Counter;

package/dist/types/components/molecules/date-time/date-picker.d.ts

@@ -3,7 +3,7 @@
  *
  * This will create a date picker component.
  *
- * @returns {Component|null}
+ * @returns {Component}
  */
 export const DatePicker: any;
 export default DatePicker;

package/dist/types/components/molecules/date-time/date-range-picker.d.ts

@@ -3,7 +3,7 @@
  *
  * This will create a date picker component.
  *
- * @returns {Component|null}
+ * @returns {Component}
  */
 export const DateRangePicker: any;
 export default DateRangePicker;

package/dist/types/components/molecules/date-time/time-picker.d.ts

@@ -3,7 +3,7 @@
  *
  * This will create a time picker component.
  *
- * @returns {Component|null}
+ * @returns {Component}
  */
 export const TimePicker: any;
 export default TimePicker;

package/package.json

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