@base-framework/ui 1.2.61 → 1.2.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/atoms.es.js +1 -1
  2. package/dist/{confirmation-9IpNP6QC.js → confirmation-BYhgXB4V.js} +1 -1
  3. package/dist/{full-page-DTBqRVE_.js → full-page-CgsmOUuL.js} +7 -7
  4. package/dist/index.es.js +5 -5
  5. package/dist/molecules.es.js +2 -2
  6. package/dist/organisms.es.js +3 -3
  7. package/dist/pages.es.js +2 -2
  8. package/dist/{sidebar-menu-D4HPNCHH.js → sidebar-menu-DzNAISW3.js} +1 -1
  9. package/dist/{sidebar-menu-page-Bu4BHrsM.js → sidebar-menu-page-CHP_Dip6.js} +2 -2
  10. package/dist/{signature-panel-DYYZj1Ck.js → signature-panel-BwV4Vg_K.js} +1 -1
  11. package/dist/types/components/atoms/badges/badge.d.ts +1 -1
  12. package/dist/types/components/atoms/buttons/buttons.d.ts +2 -2
  13. package/dist/types/components/atoms/buttons/toggle-button.d.ts +1 -1
  14. package/dist/types/components/atoms/cards/card.d.ts +1 -1
  15. package/dist/types/components/atoms/form/fieldset.d.ts +1 -1
  16. package/dist/types/components/atoms/form/form-group.d.ts +1 -1
  17. package/dist/types/components/atoms/form/inputs/floating-inputs.d.ts +8 -8
  18. package/dist/types/components/atoms/form/inputs/inputs.d.ts +15 -15
  19. package/dist/types/components/atoms/form/legend.d.ts +1 -1
  20. package/dist/types/components/atoms/form/select.d.ts +1 -1
  21. package/dist/types/components/atoms/icon.d.ts +1 -1
  22. package/dist/types/components/atoms/image.d.ts +1 -1
  23. package/dist/types/components/atoms/material-icon.d.ts +1 -1
  24. package/dist/types/components/atoms/progress/circle-graph.d.ts +1 -1
  25. package/dist/types/components/atoms/progress/semi-circle-graph.d.ts +1 -1
  26. package/dist/types/components/atoms/safe-zone-bottom.d.ts +1 -1
  27. package/dist/types/components/atoms/safe-zone-top.d.ts +1 -1
  28. package/dist/types/components/atoms/tooltip.d.ts +1 -1
  29. package/dist/types/components/molecules/alert.d.ts +1 -1
  30. package/dist/types/components/molecules/avatars/avatar.d.ts +1 -1
  31. package/dist/types/components/molecules/dialogs/dialog-container.d.ts +1 -1
  32. package/dist/types/components/molecules/empty/empty-state.d.ts +1 -1
  33. package/dist/types/components/molecules/form/form-atoms.d.ts +4 -4
  34. package/dist/types/components/molecules/form/form-card.d.ts +3 -3
  35. package/dist/types/components/molecules/form/form-control.d.ts +1 -1
  36. package/dist/types/components/molecules/form/form.d.ts +1 -1
  37. package/dist/types/components/molecules/modals/atoms.d.ts +2 -2
  38. package/dist/types/components/molecules/modals/modal-container.d.ts +1 -1
  39. package/dist/types/components/molecules/modals/modal-header.d.ts +1 -1
  40. package/dist/types/components/organisms/calendar/range/month-calendar.d.ts +1 -1
  41. package/dist/types/components/organisms/lists/dynamic-data-table.d.ts +1 -1
  42. package/dist/types/components/organisms/lists/scrollable-data-table.d.ts +1 -1
  43. package/dist/types/components/organisms/lists/user-list.d.ts +2 -2
  44. package/dist/types/components/organisms/navigation/mobile/nav-wrapper/mobile-nav-wrapper.d.ts +2 -2
  45. package/dist/types/components/organisms/navigation/navigation-atoms.d.ts +1 -1
  46. package/dist/types/components/organisms/overlays/overlay.d.ts +6 -1
  47. package/dist/types/components/organisms/search/dropdown.d.ts +1 -1
  48. package/dist/types/components/organisms/search/search-input.d.ts +1 -1
  49. package/dist/types/components/organisms/search/simple-search-input.d.ts +1 -1
  50. package/dist/types/components/pages/main-section.d.ts +1 -1
  51. package/dist/types/components/pages/templates/aside-template.d.ts +1 -1
  52. package/dist/types/components/pages/templates/bside-template.d.ts +1 -1
  53. package/dist/types/components/pages/templates/full-template.d.ts +1 -1
  54. package/dist/types/components/pages/templates/row.d.ts +1 -1
  55. package/dist/types/components/pages/templates/template-atoms.d.ts +2 -2
  56. package/dist/types/components/pages/templates/template.d.ts +1 -1
  57. package/package.json +1 -1
package/dist/atoms.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { c as t, f as e, h as n, i as o, k as l, l as i, m as u, n as r, t as p, w as I, J as g, L as c, M as d, N as m, O as F, P as T, Q as B, R as S, S as b, T as C, U as x, a0 as f, a7 as P, a8 as h, a9 as k, ac as M, ad as U, ae as w, ai as E, an as G, au as L, ax as N, aB as R, aC as Z, aE as D, aF as H, aG as J, aK as Q, aP as V, aQ as W, aS as v, aW as K, aX as O, aY as X, aZ as Y, b0 as j, b1 as q, b2 as y, b5 as z, b6 as A } from "./full-page-DTBqRVE_.js";
1
+ import { c as t, f as e, h as n, i as o, k as l, l as i, m as u, n as r, t as p, w as I, J as g, L as c, M as d, N as m, O as F, P as T, Q as B, R as S, S as b, T as C, U as x, a0 as f, a7 as P, a8 as h, a9 as k, ac as M, ad as U, ae as w, ai as E, an as G, au as L, ax as N, aB as R, aC as Z, aE as D, aF as H, aG as J, aK as Q, aP as V, aQ as W, aS as v, aW as K, aX as O, aY as X, aZ as Y, b0 as j, b1 as q, b2 as y, b5 as z, b6 as A } from "./full-page-CgsmOUuL.js";
2
2
  import { S as $ } from "./skeleton-BlY3opxG.js";
3
3
  export {
4
4
  t as Badge,
@@ -1,6 +1,6 @@
1
1
  import { Component as d, Html as m, Dom as y, base as v, Data as T, Builder as b, DateTime as g } from "@base-framework/base";
2
2
  import { Li as S, Span as p, Div as a, Ul as w, Button as D, I as x, OnState as Y, Time as B } from "@base-framework/atoms";
3
- import { az as k, b8 as C, f as c, at as E, F as L } from "./full-page-DTBqRVE_.js";
3
+ import { az as k, b8 as C, f as c, at as E, F as L } from "./full-page-CgsmOUuL.js";
4
4
  import { List as N, DynamicTime as M } from "@base-framework/organisms";
5
5
  class X extends d {
6
6
  /**
@@ -585,7 +585,7 @@ const Oa = i((e, t) => {
585
585
  const t = e.target, s = Qt(t.value);
586
586
  s && (t.value = s);
587
587
  }, Xt = [
588
- "peer w-full h-14 px-3 pt-5 pb-1",
588
+ "peer w-full min-w-0 h-14 px-3 pt-5 pb-1",
589
589
  "text-base text-foreground",
590
590
  D,
591
591
  $,
@@ -4202,7 +4202,7 @@ class fa extends S {
4202
4202
  * @returns {void}
4203
4203
  */
4204
4204
  declareProps() {
4205
- this.class = "";
4205
+ this.class = "", this.zIndex = "z-20";
4206
4206
  }
4207
4207
  /**
4208
4208
  * This will render the component.
@@ -4232,7 +4232,7 @@ class fa extends S {
4232
4232
  * @returns {string}
4233
4233
  */
4234
4234
  getClassName() {
4235
- return `absolute flex flex-auto flex-col overlay left-0 top-0 right-0 z-20
4235
+ return `absolute flex flex-auto flex-col overlay left-0 top-0 right-0 ${this.zIndex}
4236
4236
  h-svh max-h-svh min-h-svh
4237
4237
  bg-background pointer-events-auto
4238
4238
  lg:left-16
@@ -4294,7 +4294,7 @@ tt.addType("dockableOverlay", (e) => {
4294
4294
  if (!e)
4295
4295
  return;
4296
4296
  const t = e.component;
4297
- console.log(t, t.rendered), t && t.rendered === !0 && (t.state.docked = !1, t.destroy());
4297
+ t && t.rendered === !0 && (t.state.docked = !1, t.destroy());
4298
4298
  });
4299
4299
  class Ho extends fa {
4300
4300
  /**
@@ -4303,7 +4303,7 @@ class Ho extends fa {
4303
4303
  * @returns {void}
4304
4304
  */
4305
4305
  declareProps() {
4306
- super.declareProps(), this.animateIn = null, this.animateOut = null, this.maxSize = 1024;
4306
+ super.declareProps(), this.animateIn = null, this.animateOut = null, this.maxSize = 1024, this.zIndex = "z-30";
4307
4307
  }
4308
4308
  /**
4309
4309
  * This will set the dock size threshold from the maxSize prop.
@@ -4353,7 +4353,7 @@ class Ho extends fa {
4353
4353
  * @returns {void}
4354
4354
  */
4355
4355
  setup(t) {
4356
- this.container = t, console.log("dockable setup", t), this.initialize();
4356
+ this.container = t, this.initialize();
4357
4357
  }
4358
4358
  /**
4359
4359
  * This will setup the overlay states.
@@ -4407,7 +4407,7 @@ class Ho extends fa {
4407
4407
  * @returns {void}
4408
4408
  */
4409
4409
  beforeDestroy() {
4410
- console.log("nefore", this.container), this.state.docked = !1;
4410
+ this.state.docked = !1;
4411
4411
  }
4412
4412
  }
4413
4413
  const ga = i(({ index: e, click: t, state: s }, n) => ve({
package/dist/index.es.js CHANGED
@@ -1,10 +1,10 @@
1
- import { A as s, a as o, B as t, b as n, c as r, d as l, e as i, f as u, C as p, g as m, h as d, i as g, j as c, k as T, l as b, m as I, n as C, o as S, p as F, q as D, r as B, D as P, s as k, t as M, u as v, v as N, w as f, x, y as h, z as y, E as U, F as W, G as w, H as L, I as H, J as A, K as G, L as R, M as E, N as O, O as V, P as Z, Q as j, R as J, S as _, T as q, U as z, V as K, W as Q, X, Y, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as na, a4 as ra, a5 as la, a6 as ia, a7 as ua, a8 as pa, a9 as ma, aa as da, ab as ga, ac as ca, ad as Ta, ae as ba, af as Ia, ag as Ca, ah as Sa, ai as Fa, aj as Da, ak as Ba, al as Pa, am as ka, an as Ma, ao as va, ap as Na, aq as fa, ar as xa, as as ha, at as ya, au as Ua, av as Wa, aw as wa, ax as La, ay as Ha, az as Aa, aA as Ga, aB as Ra, aC as Ea, aD as Oa, aE as Va, aF as Za, aG as ja, aH as Ja, aI as _a, aJ as qa, aK as za, aL as Ka, aM as Qa, aN as Xa, aO as Ya, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as ne, aW as re, aX as le, aY as ie, aZ as ue, a_ as pe, a$ as me, b0 as de, b1 as ge, b2 as ce, b3 as Te, b4 as be, b5 as Ie, b6 as Ce, b7 as Se } from "./full-page-DTBqRVE_.js";
1
+ import { A as s, a as o, B as t, b as n, c as r, d as l, e as i, f as u, C as p, g as m, h as d, i as g, j as c, k as T, l as b, m as I, n as C, o as S, p as F, q as D, r as B, D as P, s as k, t as M, u as v, v as N, w as f, x, y as h, z as y, E as U, F as W, G as w, H as L, I as H, J as A, K as G, L as R, M as E, N as O, O as V, P as Z, Q as j, R as J, S as _, T as q, U as z, V as K, W as Q, X, Y, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as na, a4 as ra, a5 as la, a6 as ia, a7 as ua, a8 as pa, a9 as ma, aa as da, ab as ga, ac as ca, ad as Ta, ae as ba, af as Ia, ag as Ca, ah as Sa, ai as Fa, aj as Da, ak as Ba, al as Pa, am as ka, an as Ma, ao as va, ap as Na, aq as fa, ar as xa, as as ha, at as ya, au as Ua, av as Wa, aw as wa, ax as La, ay as Ha, az as Aa, aA as Ga, aB as Ra, aC as Ea, aD as Oa, aE as Va, aF as Za, aG as ja, aH as Ja, aI as _a, aJ as qa, aK as za, aL as Ka, aM as Qa, aN as Xa, aO as Ya, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as ne, aW as re, aX as le, aY as ie, aZ as ue, a_ as pe, a$ as me, b0 as de, b1 as ge, b2 as ce, b3 as Te, b4 as be, b5 as Ie, b6 as Ce, b7 as Se } from "./full-page-CgsmOUuL.js";
2
2
  import { S as De } from "./skeleton-BlY3opxG.js";
3
3
  import { Icons as Pe, MaterialSymbols as ke } from "./icons.es.js";
4
- import { C as ve, D as Ne, a as fe, b as xe, c as he, d as ye, e as Ue, M as We, N as we, S as Le, f as He, g as Ae, h as Ge, T as Re, i as Ee } from "./confirmation-9IpNP6QC.js";
5
- import { B as Ve, I as Ze, N as je, P as Je, S as _e, T as qe, a as ze, b as Ke, U as Qe, c as Xe, d as Ye, e as $e, W as as, f as es, g as ss, h as os, i as ts, j as ns, k as rs, l as ls, m as is, n as us } from "./signature-panel-DYYZj1Ck.js";
6
- import { S as ms } from "./sidebar-menu-D4HPNCHH.js";
7
- import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-Bu4BHrsM.js";
4
+ import { C as ve, D as Ne, a as fe, b as xe, c as he, d as ye, e as Ue, M as We, N as we, S as Le, f as He, g as Ae, h as Ge, T as Re, i as Ee } from "./confirmation-BYhgXB4V.js";
5
+ import { B as Ve, I as Ze, N as je, P as Je, S as _e, T as qe, a as ze, b as Ke, U as Qe, c as Xe, d as Ye, e as $e, W as as, f as es, g as ss, h as os, i as ts, j as ns, k as rs, l as ls, m as is, n as us } from "./signature-panel-BwV4Vg_K.js";
6
+ import { S as ms } from "./sidebar-menu-DzNAISW3.js";
7
+ import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-CHP_Dip6.js";
8
8
  import { A as Ss, B as Fs, F as Ds, M as Bs, T as Ps, a as ks } from "./bside-template-C7AQgQ6H.js";
9
9
  import { F as vs, c as Ns } from "./format-DE4rFWuD.js";
10
10
  import { I as xs } from "./image-scaler-1G-JzJVG.js";
@@ -1,5 +1,5 @@
1
- import { A as s, a as t, e, o as r, p as i, q as n, r as m, u as l, v as d, z as C, E as p, F as D, H as S, K as u, V as c, W as g, X as F, Y as T, Z as f, _ as b, $ as w, a1 as A, a2 as I, a3 as M, aa as P, af as y, aj as B, at as R, ay as U, az as k, aM as v, aR as x, aT as E, aV as L, b4 as N } from "./full-page-DTBqRVE_.js";
2
- import { C as z, D as V, a as _, b as j, c as q, d as G, e as H, M as K, N as O, S as W, f as X, g as Y, h as Z, T as $, i as J } from "./confirmation-9IpNP6QC.js";
1
+ import { A as s, a as t, e, o as r, p as i, q as n, r as m, u as l, v as d, z as C, E as p, F as D, H as S, K as u, V as c, W as g, X as F, Y as T, Z as f, _ as b, $ as w, a1 as A, a2 as I, a3 as M, aa as P, af as y, aj as B, at as R, ay as U, az as k, aM as v, aR as x, aT as E, aV as L, b4 as N } from "./full-page-CgsmOUuL.js";
2
+ import { C as z, D as V, a as _, b as j, c as q, d as G, e as H, M as K, N as O, S as W, f as X, g as Y, h as Z, T as $, i as J } from "./confirmation-BYhgXB4V.js";
3
3
  export {
4
4
  s as Alert,
5
5
  t as Avatar,
@@ -1,6 +1,6 @@
1
- import { B as s, b as n, C as t, g as r, j as o, D as l, s as i, x as d, y as b, G as u, I as g, a4 as p, a6 as v, ab as D, ag as N, ak as T, al as k, am as C, ao as c, ap as m, aq as y, ar as B, as as S, av as h, aA as M, aD as W, aH as I, aI as U, aJ as H, aL as x, aN as P, aO as L, aU as f, a_ as G, a$ as O, b3 as j, b7 as F } from "./full-page-DTBqRVE_.js";
2
- import { B as w, I as A, N as J, P as R, S as _, T as $, a as z, b as E, U as K, c as Q, d as V, e as X, W as Y, f as Z, g as aa, h as ea, i as sa, j as na, k as ta, l as ra, m as oa, n as la } from "./signature-panel-DYYZj1Ck.js";
3
- import { S as da } from "./sidebar-menu-D4HPNCHH.js";
1
+ import { B as s, b as n, C as t, g as r, j as o, D as l, s as i, x as d, y as b, G as u, I as g, a4 as p, a6 as v, ab as D, ag as N, ak as T, al as k, am as C, ao as c, ap as m, aq as y, ar as B, as as S, av as h, aA as M, aD as W, aH as I, aI as U, aJ as H, aL as x, aN as P, aO as L, aU as f, a_ as G, a$ as O, b3 as j, b7 as F } from "./full-page-CgsmOUuL.js";
2
+ import { B as w, I as A, N as J, P as R, S as _, T as $, a as z, b as E, U as K, c as Q, d as V, e as X, W as Y, f as Z, g as aa, h as ea, i as sa, j as na, k as ta, l as ra, m as oa, n as la } from "./signature-panel-BwV4Vg_K.js";
3
+ import { S as da } from "./sidebar-menu-DzNAISW3.js";
4
4
  export {
5
5
  s as BackButton,
6
6
  n as Backdrop,
package/dist/pages.es.js CHANGED
@@ -1,5 +1,5 @@
1
- import { d as s, a5 as g, ah as n, aw as P } from "./full-page-DTBqRVE_.js";
2
- import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-Bu4BHrsM.js";
1
+ import { d as s, a5 as g, ah as n, aw as P } from "./full-page-CgsmOUuL.js";
2
+ import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-CHP_Dip6.js";
3
3
  export {
4
4
  s as BasicPage,
5
5
  r as BlankPage,
@@ -1,5 +1,5 @@
1
1
  import { Div as r, Header as x, H1 as c } from "@base-framework/atoms";
2
- import { ab as n } from "./full-page-DTBqRVE_.js";
2
+ import { ab as n } from "./full-page-CgsmOUuL.js";
3
3
  const b = ({ title: l, options: a, class: s = "", 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 ${s}` }, [
4
4
  o,
5
5
  l && x({ class: "pb-4 md:pb-2 px-6 flex" }, [
@@ -1,7 +1,7 @@
1
1
  import { Div as s } from "@base-framework/atoms";
2
- import { d as a, ah as i, aw as r, al as n } from "./full-page-DTBqRVE_.js";
2
+ import { d as a, ah as i, aw as r, al as n } from "./full-page-CgsmOUuL.js";
3
3
  import { F as l, A as d } from "./bside-template-C7AQgQ6H.js";
4
- import { S as c } from "./sidebar-menu-D4HPNCHH.js";
4
+ import { S as c } from "./sidebar-menu-DzNAISW3.js";
5
5
  class f extends a {
6
6
  /**
7
7
  * This will render the page.
@@ -1,6 +1,6 @@
1
1
  import { Div as r, Button as b, On as U, Span as $, Nav as f, Ul as p, Section as y, Li as w, Canvas as R } from "@base-framework/atoms";
2
2
  import { Component as k, Data as F, DateTime as O, router as v, NavLink as C, base as P, Dom as W } from "@base-framework/base";
3
- import { f as N, av as Y, b0 as d, a7 as A } from "./full-page-DTBqRVE_.js";
3
+ import { f as N, av as Y, b0 as d, a7 as A } from "./full-page-CgsmOUuL.js";
4
4
  import { Icons as B } from "./icons.es.js";
5
5
  import { IntervalTimer as V } from "@base-framework/organisms";
6
6
  class Pt extends k {
@@ -5,4 +5,4 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const Badge: (...args: any[]) => object;
8
+ export const Badge: (...args: any[]) => any;
@@ -5,7 +5,7 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const Button: (...args: any[]) => object;
8
+ export const Button: (...args: any[]) => any;
9
9
  export default Button;
10
10
  /**
11
11
  * This will create a primary button that has a loading icon.
@@ -14,5 +14,5 @@ export default Button;
14
14
  * @param {array} children
15
15
  * @returns {object}
16
16
  */
17
- export const LoadingButton: (...args: any[]) => object;
17
+ export const LoadingButton: (...args: any[]) => any;
18
18
  export { CircleButton, CircleToggleButton, ToggleButton } from "./toggle-button.js";
@@ -106,6 +106,6 @@ export class CircleToggleButton extends Component {
106
106
  * @example
107
107
  * CircleButton({ icon: Icons.arrows.left, size: 'md', click: () => {} })
108
108
  */
109
- export const CircleButton: (...args: any[]) => object;
109
+ export const CircleButton: (...args: any[]) => any;
110
110
  import { Veil } from '../veil.js';
111
111
  import { Component } from '@base-framework/base';
@@ -5,4 +5,4 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const Card: (...args: any[]) => object;
8
+ export const Card: (...args: any[]) => any;
@@ -5,5 +5,5 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const Fieldset: (...args: any[]) => object;
8
+ export const Fieldset: (...args: any[]) => any;
9
9
  export default Fieldset;
@@ -8,5 +8,5 @@
8
8
  * @param {array} children form controls (inputs, selects, etc)
9
9
  * @returns {object}
10
10
  */
11
- export const FormGroup: (...args: any[]) => object;
11
+ export const FormGroup: (...args: any[]) => any;
12
12
  export default FormGroup;
@@ -15,7 +15,7 @@
15
15
  * @param {string} [props.class] - Extra CSS classes for the input element.
16
16
  * @returns {object} A container Div with the floating-label input.
17
17
  */
18
- export const FloatingInput: (...args: any[]) => object;
18
+ export const FloatingInput: (...args: any[]) => any;
19
19
  /**
20
20
  * Floating label input for telephone numbers.
21
21
  * Includes automatic formatting to (XXX) XXX-XXXX.
@@ -23,35 +23,35 @@ export const FloatingInput: (...args: any[]) => object;
23
23
  * @param {object} props
24
24
  * @returns {object} A FloatingInput of type "tel".
25
25
  */
26
- export const FloatingTelInput: (...args: any[]) => object;
26
+ export const FloatingTelInput: (...args: any[]) => any;
27
27
  /**
28
28
  * Floating label input for email addresses.
29
29
  *
30
30
  * @param {object} props
31
31
  * @returns {object} A FloatingInput of type "email".
32
32
  */
33
- export const FloatingEmailInput: (...args: any[]) => object;
33
+ export const FloatingEmailInput: (...args: any[]) => any;
34
34
  /**
35
35
  * Floating label input for passwords.
36
36
  *
37
37
  * @param {object} props
38
38
  * @returns {object} A FloatingInput of type "password".
39
39
  */
40
- export const FloatingPasswordInput: (...args: any[]) => object;
40
+ export const FloatingPasswordInput: (...args: any[]) => any;
41
41
  /**
42
42
  * Floating label input for numbers.
43
43
  *
44
44
  * @param {object} props
45
45
  * @returns {object} A FloatingInput of type "number".
46
46
  */
47
- export const FloatingNumberInput: (...args: any[]) => object;
47
+ export const FloatingNumberInput: (...args: any[]) => any;
48
48
  /**
49
49
  * Floating label input for URLs.
50
50
  *
51
51
  * @param {object} props
52
52
  * @returns {object} A FloatingInput of type "url".
53
53
  */
54
- export const FloatingUrlInput: (...args: any[]) => object;
54
+ export const FloatingUrlInput: (...args: any[]) => any;
55
55
  /**
56
56
  * A textarea with an animated floating label.
57
57
  * Same visual language as FloatingInput but for multi-line text.
@@ -65,7 +65,7 @@ export const FloatingUrlInput: (...args: any[]) => object;
65
65
  * @param {string} [props.class] - Extra CSS classes for the textarea.
66
66
  * @returns {object} A container Div with the floating-label textarea.
67
67
  */
68
- export const FloatingTextarea: (...args: any[]) => object;
68
+ export const FloatingTextarea: (...args: any[]) => any;
69
69
  /**
70
70
  * A select dropdown with a floating label and custom arrow.
71
71
  * The label always remains in the floated (small) position since
@@ -81,4 +81,4 @@ export const FloatingTextarea: (...args: any[]) => object;
81
81
  * @param {string} [props.class] - Extra CSS classes for the select.
82
82
  * @returns {object} A container Div with the floating-label select.
83
83
  */
84
- export const FloatingSelect: (...args: any[]) => object;
84
+ export const FloatingSelect: (...args: any[]) => any;
@@ -4,28 +4,28 @@
4
4
  * @param {object} props Props passed to the BaseInput.
5
5
  * @returns {object} A BaseInput element with common classes.
6
6
  */
7
- export const Input: (...args: any[]) => object;
7
+ export const Input: (...args: any[]) => any;
8
8
  /**
9
9
  * Input component specifically for telephone numbers.
10
10
  *
11
11
  * @param {object} props Props passed to the Input.
12
12
  * @returns {object} An Input element of type "tel" with phone formatting.
13
13
  */
14
- export const TelInput: (...args: any[]) => object;
14
+ export const TelInput: (...args: any[]) => any;
15
15
  /**
16
16
  * Input component specifically for email addresses.
17
17
  *
18
18
  * @param {object} props Props passed to the Input.
19
19
  * @returns {object} An Input element of type "email".
20
20
  */
21
- export const EmailInput: (...args: any[]) => object;
21
+ export const EmailInput: (...args: any[]) => any;
22
22
  /**
23
23
  * Textarea component reusing parts of the common classes.
24
24
  *
25
25
  * @param {object} props Props passed to the BaseTextarea.
26
26
  * @returns {object} A BaseTextarea element.
27
27
  */
28
- export const Textarea: (...args: any[]) => object;
28
+ export const Textarea: (...args: any[]) => any;
29
29
  export function Radio(props?: object): object;
30
30
  /**
31
31
  * Input component specifically for dates.
@@ -33,74 +33,74 @@ export function Radio(props?: object): object;
33
33
  * @param {object} props Props passed to the BaseInput.
34
34
  * @returns {object} A BaseInput element of type "date".
35
35
  */
36
- export const DateInput: (...args: any[]) => object;
36
+ export const DateInput: (...args: any[]) => any;
37
37
  /**
38
38
  * Input component specifically for times.
39
39
  *
40
40
  * @param {object} props Props passed to the BaseInput.
41
41
  * @returns {object} A BaseInput element of type "time".
42
42
  */
43
- export const TimeInput: (...args: any[]) => object;
43
+ export const TimeInput: (...args: any[]) => any;
44
44
  /**
45
45
  * Input component specifically for datetime-local.
46
46
  *
47
47
  * @param {object} props Props passed to the BaseInput.
48
48
  * @returns {object} A BaseInput element of type "datetime-local".
49
49
  */
50
- export const DateTimeInput: (...args: any[]) => object;
50
+ export const DateTimeInput: (...args: any[]) => any;
51
51
  /**
52
52
  * Input component specifically for months.
53
53
  *
54
54
  * @param {object} props Props passed to the BaseInput.
55
55
  * @returns {object} A BaseInput element of type "month".
56
56
  */
57
- export const MonthInput: (...args: any[]) => object;
57
+ export const MonthInput: (...args: any[]) => any;
58
58
  /**
59
59
  * Input component specifically for weeks.
60
60
  *
61
61
  * @param {object} props Props passed to the BaseInput.
62
62
  * @returns {object} A BaseInput element of type "week".
63
63
  */
64
- export const WeekInput: (...args: any[]) => object;
64
+ export const WeekInput: (...args: any[]) => any;
65
65
  /**
66
66
  * Input component specifically for numbers.
67
67
  *
68
68
  * @param {object} props Props passed to the Input.
69
69
  * @returns {object} An Input element of type "number".
70
70
  */
71
- export const NumberInput: (...args: any[]) => object;
71
+ export const NumberInput: (...args: any[]) => any;
72
72
  /**
73
73
  * Input component specifically for passwords.
74
74
  *
75
75
  * @param {object} props Props passed to the Input.
76
76
  * @returns {object} An Input element of type "password".
77
77
  */
78
- export const PasswordInput: (...args: any[]) => object;
78
+ export const PasswordInput: (...args: any[]) => any;
79
79
  /**
80
80
  * Input component specifically for URLs.
81
81
  *
82
82
  * @param {object} props Props passed to the Input.
83
83
  * @returns {object} An Input element of type "url".
84
84
  */
85
- export const UrlInput: (...args: any[]) => object;
85
+ export const UrlInput: (...args: any[]) => any;
86
86
  /**
87
87
  * Input component specifically for hidden fields.
88
88
  *
89
89
  * @param {object} props Props passed to the Input.
90
90
  * @returns {object} An Input element of type "hidden".
91
91
  */
92
- export const HiddenInput: (...args: any[]) => object;
92
+ export const HiddenInput: (...args: any[]) => any;
93
93
  /**
94
94
  * Input component specifically for color pickers.
95
95
  *
96
96
  * @param {object} props Props passed to the BaseInput.
97
97
  * @returns {object} A BaseInput element of type "color".
98
98
  */
99
- export const ColorInput: (...args: any[]) => object;
99
+ export const ColorInput: (...args: any[]) => any;
100
100
  /**
101
101
  * Input component specifically for file uploads.
102
102
  *
103
103
  * @param {object} props Props passed to the BaseInput.
104
104
  * @returns {object} A BaseInput element of type "file".
105
105
  */
106
- export const FileInput: (...args: any[]) => object;
106
+ export const FileInput: (...args: any[]) => any;
@@ -5,5 +5,5 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const Legend: (...args: any[]) => object;
8
+ export const Legend: (...args: any[]) => any;
9
9
  export default Legend;
@@ -4,5 +4,5 @@
4
4
  * @param {object} props
5
5
  * @returns {object}
6
6
  */
7
- export const Select: (...args: any[]) => object;
7
+ export const Select: (...args: any[]) => any;
8
8
  export default Select;
@@ -5,4 +5,4 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const Icon: (...args: any[]) => object;
8
+ export const Icon: (...args: any[]) => any;
@@ -6,4 +6,4 @@
6
6
  * @param {object} props
7
7
  * @returns {object}
8
8
  */
9
- export const Image: (...args: any[]) => object;
9
+ export const Image: (...args: any[]) => any;
@@ -14,4 +14,4 @@
14
14
  * @param {string} [props.class] - Additional CSS classes
15
15
  * @returns {object}
16
16
  */
17
- export const MaterialIcon: (...args: any[]) => object;
17
+ export const MaterialIcon: (...args: any[]) => any;
@@ -4,4 +4,4 @@
4
4
  * @param {object} props
5
5
  * @returns {object}
6
6
  */
7
- export const CircleGraph: (...args: any[]) => object;
7
+ export const CircleGraph: (...args: any[]) => any;
@@ -4,4 +4,4 @@
4
4
  * @param {object} props
5
5
  * @returns {object}
6
6
  */
7
- export const SemiCircleGraph: (...args: any[]) => object;
7
+ export const SemiCircleGraph: (...args: any[]) => any;
@@ -20,5 +20,5 @@
20
20
  * @param {string} [props.style]
21
21
  * @returns {object}
22
22
  */
23
- export const SafeZoneBottom: (...args: any[]) => object;
23
+ export const SafeZoneBottom: (...args: any[]) => any;
24
24
  export default SafeZoneBottom;
@@ -20,5 +20,5 @@
20
20
  * @param {string} [props.style]
21
21
  * @returns {object}
22
22
  */
23
- export const SafeZoneTop: (...args: any[]) => object;
23
+ export const SafeZoneTop: (...args: any[]) => any;
24
24
  export default SafeZoneTop;
@@ -9,4 +9,4 @@
9
9
  * @param {array} children - The children
10
10
  * @returns {object}
11
11
  */
12
- export const Tooltip: (...args: any[]) => object;
12
+ export const Tooltip: (...args: any[]) => any;
@@ -4,4 +4,4 @@
4
4
  * @param {object} props
5
5
  * @returns {object}
6
6
  */
7
- export const Alert: (...args: any[]) => object;
7
+ export const Alert: (...args: any[]) => any;
@@ -12,4 +12,4 @@
12
12
  * @prop {string} size
13
13
  * @returns {object}
14
14
  */
15
- export const Avatar: (...args: any[]) => object;
15
+ export const Avatar: (...args: any[]) => any;
@@ -5,4 +5,4 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const DialogContainer: (...args: any[]) => object;
8
+ export const DialogContainer: (...args: any[]) => any;
@@ -5,5 +5,5 @@
5
5
  * @param {array} children - The children elements to be rendered inside the empty state.
6
6
  * @return {object} - The empty state component.
7
7
  */
8
- export const EmptyState: (...args: any[]) => object;
8
+ export const EmptyState: (...args: any[]) => any;
9
9
  export default EmptyState;
@@ -7,7 +7,7 @@
7
7
  * @param {array} children
8
8
  * @returns {object}
9
9
  */
10
- export const FormItem: (...args: any[]) => object;
10
+ export const FormItem: (...args: any[]) => any;
11
11
  /**
12
12
  * FormLabel
13
13
  *
@@ -17,7 +17,7 @@ export const FormItem: (...args: any[]) => object;
17
17
  * @param {array} children
18
18
  * @returns {object}
19
19
  */
20
- export const FormLabel: (...args: any[]) => object;
20
+ export const FormLabel: (...args: any[]) => any;
21
21
  /**
22
22
  * FormDescription
23
23
  *
@@ -27,7 +27,7 @@ export const FormLabel: (...args: any[]) => object;
27
27
  * @param {array} children
28
28
  * @returns {object}
29
29
  */
30
- export const FormDescription: (...args: any[]) => object;
30
+ export const FormDescription: (...args: any[]) => any;
31
31
  /**
32
32
  * FormMessage
33
33
  *
@@ -37,4 +37,4 @@ export const FormDescription: (...args: any[]) => object;
37
37
  * @param {array} children
38
38
  * @returns {object}
39
39
  */
40
- export const FormMessage: (...args: any[]) => object;
40
+ export const FormMessage: (...args: any[]) => any;
@@ -8,7 +8,7 @@
8
8
  * @param {array} children - The children to render inside the card.
9
9
  * @returns {object} The rendered form card component.
10
10
  */
11
- export const FormCard: (...args: any[]) => object;
11
+ export const FormCard: (...args: any[]) => any;
12
12
  /**
13
13
  * FormCardGroup
14
14
  *
@@ -18,7 +18,7 @@ export const FormCard: (...args: any[]) => object;
18
18
  * @param {array} children - The children to render inside the group.
19
19
  * @returns {object} The rendered form card group component.
20
20
  */
21
- export const FormCardGroup: (...args: any[]) => object;
21
+ export const FormCardGroup: (...args: any[]) => any;
22
22
  /**
23
23
  * FormCardGroup
24
24
  *
@@ -28,4 +28,4 @@ export const FormCardGroup: (...args: any[]) => object;
28
28
  * @param {array} children - The children to render inside the group.
29
29
  * @returns {object} The rendered form card group component.
30
30
  */
31
- export const FormCardContent: (...args: any[]) => object;
31
+ export const FormCardContent: (...args: any[]) => any;
@@ -7,4 +7,4 @@
7
7
  * @param {array} children
8
8
  * @returns {object}
9
9
  */
10
- export const FormControl: (...args: any[]) => object;
10
+ export const FormControl: (...args: any[]) => any;
@@ -7,7 +7,7 @@
7
7
  * @param {array} children
8
8
  * @returns {object}
9
9
  */
10
- export const Form: (...args: any[]) => object;
10
+ export const Form: (...args: any[]) => any;
11
11
  import { FormControl } from "./form-control.js";
12
12
  import { FormField } from "./form-field.js";
13
13
  import { FormItem } from "./form-atoms.js";
@@ -5,7 +5,7 @@
5
5
  * @param {array} children - The children of the component.
6
6
  * @returns {object}
7
7
  */
8
- export const DetailBody: (...args: any[]) => object;
8
+ export const DetailBody: (...args: any[]) => any;
9
9
  /**
10
10
  * This will create a modal detail section.
11
11
  *
@@ -13,6 +13,6 @@ export const DetailBody: (...args: any[]) => object;
13
13
  * @param {array} children - The children of the component.
14
14
  * @returns {object}
15
15
  */
16
- export const DetailSection: (...args: any[]) => object;
16
+ export const DetailSection: (...args: any[]) => any;
17
17
  export function SplitRow(label: string, value: string): object;
18
18
  export function ColumnRow(label: string, value: string): object;
@@ -18,4 +18,4 @@
18
18
  * @param {Array} children - Modal body content
19
19
  * @returns {object}
20
20
  */
21
- export const ModalContainer: (...args: any[]) => object;
21
+ export const ModalContainer: (...args: any[]) => any;
@@ -13,4 +13,4 @@
13
13
  * @param {boolean} [props.titleCenter=false] - Center title and description vertically
14
14
  * @returns {object}
15
15
  */
16
- export const ModalHeader: (...args: any[]) => object;
16
+ export const ModalHeader: (...args: any[]) => any;
@@ -14,4 +14,4 @@
14
14
  * @param {function} props.previous
15
15
  * @returns {object}
16
16
  */
17
- export const MonthCalendar: (...args: any[]) => object;
17
+ export const MonthCalendar: (...args: any[]) => any;
@@ -22,7 +22,7 @@
22
22
  * @property {boolean|object} [props.skeleton] - Skeleton configuration. Can be true for default or object with { number: 5, row: customRowFunction }
23
23
  * @returns {object}
24
24
  */
25
- export const DynamicDataTable: (...args: any[]) => object;
25
+ export const DynamicDataTable: (...args: any[]) => any;
26
26
  export default DynamicDataTable;
27
27
  import { CheckboxCol } from './table-header.js';
28
28
  import { HeaderCol } from './table-header.js';
@@ -23,7 +23,7 @@
23
23
  * @property {boolean|object} [props.skeleton] - Skeleton configuration. Can be true for default or object with { number: 5, row: customRowFunction }
24
24
  * @returns {object}
25
25
  */
26
- export const ScrollableDataTable: (...args: any[]) => object;
26
+ export const ScrollableDataTable: (...args: any[]) => any;
27
27
  export default ScrollableDataTable;
28
28
  import { CheckboxCol } from './table-header.js';
29
29
  import { HeaderCol } from './table-header.js';
@@ -4,12 +4,12 @@
4
4
  * @param {object} user
5
5
  * @returns {object}
6
6
  */
7
- export const UserListItem: (...args: any[]) => object;
7
+ export const UserListItem: (...args: any[]) => any;
8
8
  /**
9
9
  * User List Atom
10
10
  *
11
11
  * @param {object} props
12
12
  * @returns {object}
13
13
  */
14
- export const UserList: (...args: any[]) => object;
14
+ export const UserList: (...args: any[]) => any;
15
15
  export default UserList;
@@ -4,11 +4,11 @@
4
4
  * @param {object} props
5
5
  * @return {object}
6
6
  */
7
- export const MobileNavButton: (...args: any[]) => object;
7
+ export const MobileNavButton: (...args: any[]) => any;
8
8
  /**
9
9
  * This will create a mobile navigation wrapper.
10
10
  *
11
11
  * @param {object} props
12
12
  * @return {object}
13
13
  */
14
- export const MobileNavWrapper: (...args: any[]) => object;
14
+ export const MobileNavWrapper: (...args: any[]) => any;
@@ -5,5 +5,5 @@
5
5
  * @param {object} children
6
6
  * @returns {object}
7
7
  */
8
- export const NavigationGroup: (...args: any[]) => object;
8
+ export const NavigationGroup: (...args: any[]) => any;
9
9
  export default NavigationGroup;
@@ -4,7 +4,7 @@
4
4
  * @param {object} props
5
5
  * @returns {object}
6
6
  */
7
- export const BackButton: (...args: any[]) => object;
7
+ export const BackButton: (...args: any[]) => any;
8
8
  /**
9
9
  * Overlay
10
10
  *
@@ -19,6 +19,11 @@ export class Overlay extends Component {
19
19
  * @default ''
20
20
  */
21
21
  class: string;
22
+ /**
23
+ * @member {string} class
24
+ * @default ''
25
+ */
26
+ zIndex: string;
22
27
  /**
23
28
  * This will render the component.
24
29
  *
@@ -4,5 +4,5 @@
4
4
  * @param {object} props - The properties of the component.
5
5
  * @returns {object} - The dropdown component.
6
6
  */
7
- export const Dropdown: (...args: any[]) => object;
7
+ export const Dropdown: (...args: any[]) => any;
8
8
  export default Dropdown;
@@ -4,5 +4,5 @@
4
4
  * @param {object} props - The properties of the component.
5
5
  * @returns {object} - The search input component.
6
6
  */
7
- export const SearchInput: (...args: any[]) => object;
7
+ export const SearchInput: (...args: any[]) => any;
8
8
  export default SearchInput;
@@ -4,5 +4,5 @@
4
4
  * @param {object} props - The properties of the component.
5
5
  * @returns {object} - The simple search input component.
6
6
  */
7
- export const SimpleSearchInput: (...args: any[]) => object;
7
+ export const SimpleSearchInput: (...args: any[]) => any;
8
8
  export default SimpleSearchInput;
@@ -5,5 +5,5 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const MainSection: (...args: any[]) => object;
8
+ export const MainSection: (...args: any[]) => any;
9
9
  export default MainSection;
@@ -5,5 +5,5 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const AsideTemplate: (...args: any[]) => object;
8
+ export const AsideTemplate: (...args: any[]) => any;
9
9
  export default AsideTemplate;
@@ -5,5 +5,5 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const BsideTemplate: (...args: any[]) => object;
8
+ export const BsideTemplate: (...args: any[]) => any;
9
9
  export default BsideTemplate;
@@ -5,5 +5,5 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const FullTemplate: (...args: any[]) => object;
8
+ export const FullTemplate: (...args: any[]) => any;
9
9
  export default FullTemplate;
@@ -5,5 +5,5 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const Row: (...args: any[]) => object;
8
+ export const Row: (...args: any[]) => any;
9
9
  export default Row;
@@ -5,7 +5,7 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const TopBar: (...args: any[]) => object;
8
+ export const TopBar: (...args: any[]) => any;
9
9
  /**
10
10
  * This will create a main column.
11
11
  *
@@ -13,5 +13,5 @@ export const TopBar: (...args: any[]) => object;
13
13
  * @param {array} children
14
14
  * @returns {object}
15
15
  */
16
- export const MainColumn: (...args: any[]) => object;
16
+ export const MainColumn: (...args: any[]) => any;
17
17
  export default MainColumn;
@@ -5,5 +5,5 @@
5
5
  * @param {array} children
6
6
  * @returns {object}
7
7
  */
8
- export const Template: (...args: any[]) => object;
8
+ export const Template: (...args: any[]) => any;
9
9
  export default Template;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.2.61",
3
+ "version": "1.2.63",
4
4
  "description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
5
5
  "main": "./dist/index.es.js",
6
6
  "scripts": {