@base-framework/ui 1.0.2002 → 1.0.2004

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.
@@ -267,14 +267,14 @@ const ke = c((e, t) => n({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
267
267
  ])
268
268
  ]), Me = c((e, t) => n({
269
269
  popover: "manual",
270
- class: `modal m-auto top-0 right-0 bottom-0 left-0 fixed z-20 grid w-full h-full max-h-screen gap-2 lg:border bg-background text-foreground shadow-xl break-words p-0 overflow-hidden ${e.class}`,
270
+ class: `modal m-auto top-0 right-0 bottom-0 left-0 fixed z-20 grid w-full h-full max-h-screen gap-2 lg:border bg-background text-foreground shadow-xl break-words p-0 overflow-y-auto ${e.class}`,
271
271
  click: (s, o) => {
272
272
  s.target === o.panel && (s.preventDefault(), s.stopPropagation(), o.state.open = !1);
273
273
  }
274
274
  }, [
275
- K({ class: "modal-content relative bg-background z-[1] flex flex-auto flex-col gap-y-4 overflow-hidden", submit: (s, o) => e.onSubmit && e.onSubmit(o) }, [
275
+ K({ class: "modal-content relative bg-background z-[1] flex flex-auto flex-col gap-y-4", submit: (s, o) => e.onSubmit && e.onSubmit(o) }, [
276
276
  Ae(e),
277
- n({ class: "modal-body flex flex-grow flex-col overflow-y-auto py-0 px-6 z-0", cache: "modalBody" }, t),
277
+ n({ class: "modal-body flex flex-grow flex-col py-0 px-6 z-0", cache: "modalBody" }, t),
278
278
  !e.hideFooter && M({ class: "modal-footer sticky bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
279
279
  ])
280
280
  ])), Pe = (e) => G.render(e, app.root);
package/dist/index.es.js CHANGED
@@ -4,9 +4,9 @@ import { C as T, F as b } from "./form-group-CJzpq9Us.js";
4
4
  import { C as I, d as S, D as F, c as B, E as P, F as k, H as M, I as x, M as f, N as v, P as N, R as y, T as h, a as U, b as L, U as W, W as H } from "./inputs-9udyzkHR.js";
5
5
  import { V as w, a as A } from "./veil-CqnAmj-D.js";
6
6
  import { Icons as O } from "./icons.es.js";
7
- import { A as V, B as j, C as q, w as J, K as z, y as K, z as Q, E as _, G as X, D as Y, m as Z, n as $, Q as aa, O as ea, v as sa, c as oa, a as ta, b as ra, R as na, l as la, g as ia, i as pa, h as da, j as ma, e as ua, k as ga, F as Ca, d as ca, f as Ta, I as ba, L as Da, x as Ia, M as Sa, o as Fa, N as Ba, P as Pa, s as ka, t as Ma, S as xa, q as fa, r as va, T as Na, H as ya, J as ha, p as Ua, u as La } from "./empty-state-CT44uzVx.js";
7
+ import { A as V, B as j, C as q, w as J, K as z, y as K, z as Q, E as _, G as X, D as Y, m as Z, n as $, Q as aa, O as ea, v as sa, c as oa, a as ta, b as ra, R as na, l as la, g as ia, i as pa, h as da, j as ma, e as ua, k as ga, F as Ca, d as ca, f as Ta, I as ba, L as Da, x as Ia, M as Sa, o as Fa, N as Ba, P as Pa, s as ka, t as Ma, S as xa, q as fa, r as va, T as Na, H as ya, J as ha, p as Ua, u as La } from "./empty-state-CxpmkMKG.js";
8
8
  import { A as Ha, b as Ra, C as wa, D as Aa, a as Ga, F as Oa, M as Ea, P as Va, R as ja, c as qa, g as Ja, p as za } from "./range-calendar-BMWSJTE0.js";
9
- import { B as Qa, p as _a, C as Xa, j as Ya, D as Za, m as $a, k as ae, H as ee, I as se, N as oe, O as te, P as re, S as ne, n as le, o as ie, x as pe, s as de, q as me, r as ue, T as ge, t as Ce, w as ce, u as Te, v as be, l as De, U as Ie, W as Se, f as Fe, h as Be, i as Pe, c as ke, d as Me, b as xe, e as fe, a as ve, g as Ne } from "./signature-panel-Bq-usDxi.js";
9
+ import { B as Qa, p as _a, C as Xa, j as Ya, D as Za, m as $a, k as ae, H as ee, I as se, N as oe, O as te, P as re, S as ne, n as le, o as ie, x as pe, s as de, q as me, r as ue, T as ge, t as Ce, w as ce, u as Te, v as be, l as De, U as Ie, W as Se, f as Fe, h as Be, i as Pe, c as ke, d as Me, b as xe, e as fe, a as ve, g as Ne } from "./signature-panel-4rYrI_F5.js";
10
10
  import { B as he, I as Ue, M as Le, d as We, e as He, g as Re, N as we, b as Ae, a as Ge, f as Oe, P as Ee, c as Ve, S as je, T as qe } from "./mobile-nav-wrapper-Dm9DinRD.js";
11
11
  import { B as ze, a as Ke, C as Qe, F as _e, b as Xe, c as Ye, M as Ze, P as $e, S as as } from "./sidebar-menu-page-D4WMgz5U.js";
12
12
  import { A as ss, F as os, M as ts, a as rs, T as ns } from "./aside-template-sUm-F2f0.js";
@@ -1,4 +1,4 @@
1
- import { A as s, B as t, C as e, w as r, K as i, y as n, z as m, E as l, G as d, D as C, m as p, n as S, Q as g, O as u, v as D, c, a as F, b as T, R as P, l as A, g as I, i as f, h as w, j as b, e as y, k as B, F as M, d as k, f as x, I as L, L as R, x as U, M as v, o as E, N, P as h, s as G, t as O, S as j, q, r as z, T as H, H as J, J as K, p as Q, u as _ } from "./empty-state-CT44uzVx.js";
1
+ import { A as s, B as t, C as e, w as r, K as i, y as n, z as m, E as l, G as d, D as C, m as p, n as S, Q as g, O as u, v as D, c, a as F, b as T, R as P, l as A, g as I, i as f, h as w, j as b, e as y, k as B, F as M, d as k, f as x, I as L, L as R, x as U, M as v, o as E, N, P as h, s as G, t as O, S as j, q, r as z, T as H, H as J, J as K, p as Q, u as _ } from "./empty-state-CxpmkMKG.js";
2
2
  import { A as W, P as X, g as Y } from "./range-calendar-BMWSJTE0.js";
3
3
  export {
4
4
  s as Alert,
@@ -1,4 +1,4 @@
1
- import { B as s, p as n, C as t, j as o, D as r, m as l, k as i, H as d, I as b, N as u, O as v, P as g, S as p, n as T, o as D, x as N, s as k, q as C, r as c, T as B, t as M, w as m, u as y, v as W, l as h, U as S, W as H, f as P, h as U, i as x, c as I, d as f, b as L, e as O, a as F, g as G } from "./signature-panel-Bq-usDxi.js";
1
+ import { B as s, p as n, C as t, j as o, D as r, m as l, k as i, H as d, I as b, N as u, O as v, P as g, S as p, n as T, o as D, x as N, s as k, q as C, r as c, T as B, t as M, w as m, u as y, v as W, l as h, U as S, W as H, f as P, h as U, i as x, c as I, d as f, b as L, e as O, a as F, g as G } from "./signature-panel-4rYrI_F5.js";
2
2
  import { b as R, C as j, D as q, a as z, F as A, M as E, R as J, c as K, p as Q } from "./range-calendar-BMWSJTE0.js";
3
3
  import { B as X, I as Y, M as Z, d as _, e as $, g as aa, N as ea, b as sa, a as na, f as ta, P as oa, c as ra, S as la, T as ia } from "./mobile-nav-wrapper-Dm9DinRD.js";
4
4
  export {
@@ -1,5 +1,5 @@
1
1
  import { Button as w, Div as o, On as C, Span as L, Th as N, UseParent as E, I as Q, Thead as V, Tr as G, Table as B, P as v, Li as y, Time as X, Nav as m, Ul as f, Section as I, Canvas as q } from "@base-framework/atoms";
2
- import { Atom as d, Component as p, Data as T, DateTime as K, router as x, NavLink as M, DataTracker as U, Jot as _, base as O, Dom as W } from "@base-framework/base";
2
+ import { Atom as d, Component as p, Data as T, DateTime as K, router as k, NavLink as M, DataTracker as U, Jot as _, base as O, Dom as W } from "@base-framework/base";
3
3
  import { B as P, I as J } from "./buttons-CHEs54Wl.js";
4
4
  import { Icons as S } from "./icons.es.js";
5
5
  import { TableBody as Z, DataTableBody as ee, ScrollableTableBody as te, List as se, IntervalTimer as ae } from "@base-framework/organisms";
@@ -94,13 +94,13 @@ const ce = (t) => {
94
94
  click: () => i(a, s)
95
95
  });
96
96
  }, me = (t, e) => {
97
- const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = he(t, e, s), n = Array.from({ length: a }, (h, k) => new Date(t, e, k + 1)), l = (i.length + n.length) % 7, c = l === 0 ? 0 : 7 - l, r = ue(t, e, c), u = [...i, ...n, ...r], b = [];
97
+ const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = he(t, e, s), n = Array.from({ length: a }, (h, x) => new Date(t, e, x + 1)), l = (i.length + n.length) % 7, c = l === 0 ? 0 : 7 - l, r = ue(t, e, c), u = [...i, ...n, ...r], b = [];
98
98
  for (let h = 0; h < u.length; h += 7) {
99
- const k = u.slice(h, h + 7), D = k.find((Y) => Y) || new Date(t, e, 1), { weekNumber: H, year: F } = de(D);
99
+ const x = u.slice(h, h + 7), D = x.find((Y) => Y) || new Date(t, e, 1), { weekNumber: H, year: F } = de(D);
100
100
  b.push({
101
101
  weekNumber: H,
102
102
  year: F,
103
- days: k
103
+ days: x
104
104
  });
105
105
  }
106
106
  return b;
@@ -179,7 +179,7 @@ const ce = (t) => {
179
179
  click: t
180
180
  })
181
181
  ]);
182
- class kt extends p {
182
+ class xt extends p {
183
183
  /**
184
184
  * This will declare the props for the compiler.
185
185
  *
@@ -297,11 +297,11 @@ class kt extends p {
297
297
  ]);
298
298
  }
299
299
  }
300
- const ke = (t, e) => {
300
+ const xe = (t, e) => {
301
301
  const s = t.toggleAllSelectedRows();
302
302
  e.state.checked = !s;
303
- }, xe = (t) => N({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
304
- E((e) => new ie({ class: "mr-2", onChange: (s, a) => ke(e, a) }))
303
+ }, ke = (t) => N({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
304
+ E((e) => new ie({ class: "mr-2", onChange: (s, a) => xe(e, a) }))
305
305
  ]), we = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
306
306
  const l = t || "justify-start";
307
307
  return N({
@@ -318,7 +318,7 @@ const ke = (t, e) => {
318
318
  class: "text-muted-foreground border-b",
319
319
  map: [
320
320
  t.headers,
321
- (e) => e.label === "checkbox" ? xe({ toggle: t.toggle }) : we({
321
+ (e) => e.label === "checkbox" ? ke({ toggle: t.toggle }) : we({
322
322
  align: e.align,
323
323
  sortable: e.sortable,
324
324
  key: e.key,
@@ -567,7 +567,7 @@ class De extends j {
567
567
  this.list.refresh();
568
568
  }
569
569
  }
570
- const xt = d((t) => new De(
570
+ const kt = d((t) => new De(
571
571
  {
572
572
  cache: t.cache ?? "list",
573
573
  tableData: t.data,
@@ -736,7 +736,7 @@ class vt extends p {
736
736
  class: "flex gap-x-4",
737
737
  map: [this.options, (e) => this.addLink(e)],
738
738
  watch: {
739
- value: ["[[path]]", x.data],
739
+ value: ["[[path]]", k.data],
740
740
  callBack: this.updateLinks.bind(this)
741
741
  }
742
742
  })
@@ -749,7 +749,7 @@ class vt extends p {
749
749
  * @returns {void}
750
750
  */
751
751
  afterSetup() {
752
- const e = x.data.path;
752
+ const e = k.data.path;
753
753
  this.updateLinks(e);
754
754
  }
755
755
  /**
@@ -1389,7 +1389,7 @@ class qe extends g {
1389
1389
  class: "flex flex-auto flex-row",
1390
1390
  map: [this.options, (e) => this.addLink(e)],
1391
1391
  watch: {
1392
- value: ["[[path]]", x.data],
1392
+ value: ["[[path]]", k.data],
1393
1393
  callBack: this.updateLinks.bind(this)
1394
1394
  }
1395
1395
  })
@@ -1401,7 +1401,7 @@ class qe extends g {
1401
1401
  * @returns {void}
1402
1402
  */
1403
1403
  afterSetup() {
1404
- const e = x.data.path;
1404
+ const e = k.data.path;
1405
1405
  this.updateLinks(e);
1406
1406
  }
1407
1407
  /**
@@ -1535,14 +1535,14 @@ class Mt extends g {
1535
1535
  */
1536
1536
  render() {
1537
1537
  const e = this.select.bind(this);
1538
- return o({ class: "underlined-button-tab-panel" }, [
1538
+ return o({ class: "underlined-button-tab-panel flex flex-auto flex-col" }, [
1539
1539
  Je({
1540
1540
  class: this.class,
1541
1541
  options: this.options,
1542
1542
  callBack: e
1543
1543
  }),
1544
1544
  I({
1545
- class: "tab-content pt-6",
1545
+ class: "tab-content pt-6 flex flex-auto flex-col",
1546
1546
  onState: ["selected", this.updateContent.bind(this)]
1547
1547
  })
1548
1548
  ]);
@@ -1691,7 +1691,7 @@ class nt extends g {
1691
1691
  class: "flex flex-row items-center",
1692
1692
  map: [this.options, (e) => this.addLink(e)],
1693
1693
  watch: {
1694
- value: ["[[path]]", x.data],
1694
+ value: ["[[path]]", k.data],
1695
1695
  callBack: this.updateLinks.bind(this)
1696
1696
  }
1697
1697
  })
@@ -1703,7 +1703,7 @@ class nt extends g {
1703
1703
  * @returns {void}
1704
1704
  */
1705
1705
  afterSetup() {
1706
- const e = x.data.path;
1706
+ const e = k.data.path;
1707
1707
  this.updateLinks(e);
1708
1708
  }
1709
1709
  /**
@@ -1955,7 +1955,7 @@ class ot extends p {
1955
1955
  const e = this.canvas, s = this.container, a = W.getSize(s), i = this.targetSize, n = i.width, l = i.height;
1956
1956
  let c = n + "px", r = l + "px";
1957
1957
  if (this.width = e.width = n, this.height = e.height = l, a.width !== 0 && a.height !== 0) {
1958
- const u = a.width, b = a.height, h = u / n, k = b / l, D = Math.min(h, k);
1958
+ const u = a.width, b = a.height, h = u / n, x = b / l, D = Math.min(h, x);
1959
1959
  c = n * D + "px", r = l * D + "px";
1960
1960
  }
1961
1961
  e.style.width = c, e.style.height = r;
@@ -2112,7 +2112,7 @@ class Ot extends p {
2112
2112
  }
2113
2113
  export {
2114
2114
  Dt as B,
2115
- xe as C,
2115
+ ke as C,
2116
2116
  ye as D,
2117
2117
  we as H,
2118
2118
  Ct as I,
@@ -2122,7 +2122,7 @@ export {
2122
2122
  wt as S,
2123
2123
  R as T,
2124
2124
  Re as U,
2125
- kt as W,
2125
+ xt as W,
2126
2126
  ue as a,
2127
2127
  $ as b,
2128
2128
  de as c,
@@ -2133,7 +2133,7 @@ export {
2133
2133
  pe as h,
2134
2134
  be as i,
2135
2135
  j,
2136
- xt as k,
2136
+ kt as k,
2137
2137
  yt as l,
2138
2138
  St as m,
2139
2139
  Lt as n,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.0.2002",
3
+ "version": "1.0.2004",
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": {