@base-framework/ui 1.1.17 → 1.1.18

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.
package/dist/atoms.es.js CHANGED
@@ -1,5 +1,5 @@
1
1
  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";
2
- import { B as m, I as c, L as T, M as g, U as x, i as B, a as C } from "./buttons-HW55zbqy.js";
2
+ 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";
3
3
  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";
4
4
  import { S as q } from "./skeleton-BlY3opxG.js";
5
5
  export {
@@ -1,7 +1,7 @@
1
- import { I as w, Span as y, Button as o } from "@base-framework/atoms";
1
+ import { I as y, Span as v, Button as o } from "@base-framework/atoms";
2
2
  import { Atom as i } from "@base-framework/base";
3
- import { Icons as g } from "./icons.es.js";
4
- const v = {
3
+ import { Icons as b } from "./icons.es.js";
4
+ const k = {
5
5
  xs: "w-4 h-4",
6
6
  sm: "w-6 h-6",
7
7
  md: "w-8 h-8",
@@ -9,14 +9,14 @@ const v = {
9
9
  xl: "w-12 h-12",
10
10
  "2xl": "w-14 h-14",
11
11
  "3xl": "w-16 h-16"
12
- }, a = i((n, s) => {
13
- const t = v[n.size || "sm"];
14
- return w({
12
+ }, r = i((n, s) => {
13
+ const t = k[n.size || "sm"];
14
+ return y({
15
15
  ...n,
16
16
  class: `stroke-current icon-size ${t} ${n.class || ""}`,
17
17
  html: s[0]?.textContent
18
18
  });
19
- }), r = {
19
+ }), u = {
20
20
  xs: "w-4 h-4",
21
21
  // 16px - matches Icon
22
22
  sm: "w-6 h-6",
@@ -31,7 +31,7 @@ const v = {
31
31
  // 56px - matches Icon
32
32
  "3xl": "w-16 h-16"
33
33
  // 64px - matches Icon
34
- }, u = {
34
+ }, m = {
35
35
  xs: "16px",
36
36
  sm: "24px",
37
37
  md: "32px",
@@ -39,43 +39,43 @@ const v = {
39
39
  xl: "48px",
40
40
  "2xl": "56px",
41
41
  "3xl": "64px"
42
- }, m = {
42
+ }, d = {
43
43
  outlined: "material-symbols-outlined",
44
44
  filled: "material-symbols-filled",
45
45
  rounded: "material-symbols-rounded",
46
46
  sharp: "material-symbols-sharp"
47
- }, d = i((n) => {
48
- const s = n.size || "sm", t = n.variant || "outlined", l = r[s] || r.sm, c = u[s] || u.sm, x = m[t] || m.outlined;
49
- return y({
47
+ }, f = i((n) => {
48
+ const s = n.size || "sm", t = n.variant || "outlined", l = u[s] || u.sm, a = m[s] || m.sm, w = d[t] || d.outlined;
49
+ return v({
50
50
  ...n,
51
- class: `inline-flex items-center justify-center ${x} ${l} ${n.class || ""}`,
52
- style: `font-size: ${c}; ${n.style || ""}`,
51
+ class: `inline-flex items-center justify-center ${w} ${l} ${n.class || ""}`,
52
+ style: `font-size: ${a}; ${n.style || ""}`,
53
53
  // Remove props that shouldn't be passed to the DOM element
54
54
  size: void 0,
55
55
  variant: void 0,
56
56
  name: void 0
57
57
  }, n.name);
58
- }), k = (n = {}, s) => s ? typeof s == "string" && s.includes("<svg") ? a(n, s) : typeof s == "object" && s.name ? d({
58
+ }), c = (n = {}, s) => s ? typeof s == "string" && s.includes("<svg") ? r(n, s) : typeof s == "object" && s.name ? f({
59
59
  ...n,
60
60
  name: s.name,
61
61
  variant: s.variant || n.variant || "outlined"
62
- }) : typeof s == "string" ? d({
62
+ }) : typeof s == "string" ? f({
63
63
  ...n,
64
64
  name: s
65
- }) : a(n, s) : null, U = (n) => n ? !!(typeof n == "object" && n.name || typeof n == "string" && !n.includes("<svg")) : !1, j = (n) => typeof n == "string" && n.includes("<svg"), e = (n) => i((s, t) => o({
65
+ }) : r(n, s) : null, U = (n) => n ? !!(typeof n == "object" && n.name || typeof n == "string" && !n.includes("<svg")) : !1, j = (n) => typeof n == "string" && n.includes("<svg"), e = (n) => i((s, t) => o({
66
66
  ...n,
67
67
  ...s,
68
68
  class: `bttn ${n.class} ${s.class || ""}`
69
- }, t)), b = i(
69
+ }, t)), x = i(
70
70
  (n, s) => o({
71
71
  ...n,
72
72
  class: n.class
73
73
  }, [
74
- n.icon && n.position !== "right" ? a({ size: "sm", class: n.animation ?? null }, n.icon) : null,
74
+ n.icon && n.position !== "right" ? c({ size: "sm", class: n.animation ?? null }, n.icon) : null,
75
75
  ...s || [],
76
- n.icon && n.position === "right" ? a({ size: "sm", class: n.animation ?? null }, n.icon) : null
76
+ n.icon && n.position === "right" ? c({ size: "sm", class: n.animation ?? null }, n.icon) : null
77
77
  ])
78
- ), f = (n) => i((s, t) => b({
78
+ ), h = (n) => i((s, t) => x({
79
79
  ...n,
80
80
  ...s,
81
81
  class: `bttn ${n.class} ${s.class || ""}`
@@ -85,7 +85,7 @@ const v = {
85
85
  return;
86
86
  }
87
87
  n.backUrl && app.navigate(n.backUrl);
88
- }, $ = (n) => i((s, t) => (s.icon = s.icon || g.arrows.left, s.click = s.click || z(s), b({
88
+ }, $ = (n) => i((s, t) => (s.icon = s.icon || b.arrows.left, s.click = s.click || z(s), x({
89
89
  ...n,
90
90
  ...s
91
91
  }, t))), I = i((n, s) => {
@@ -95,15 +95,15 @@ const v = {
95
95
  md: "w-10 h-10",
96
96
  lg: "w-12 h-12",
97
97
  xl: "w-14 h-14"
98
- }, c = n.backgroundClass || "bg-background/30 hover:bg-background/50";
98
+ }, a = n.backgroundClass || "bg-background/30 hover:bg-background/50";
99
99
  return o({
100
100
  ...n,
101
- class: `circle-icon-btn inline-flex items-center justify-center rounded-full ${c} text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ring-offset-background transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer ${l[t] || l.md} ${n.class || ""}`
101
+ class: `circle-icon-btn inline-flex items-center justify-center rounded-full ${a} text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ring-offset-background transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer ${l[t] || l.md} ${n.class || ""}`
102
102
  }, [
103
- n.icon ? k({ size: t === "xs" ? "xs" : "sm" }, n.icon) : null,
103
+ n.icon ? c({ size: t === "xs" ? "xs" : "sm" }, n.icon) : null,
104
104
  ...s || []
105
105
  ]);
106
- }), h = {
106
+ }), g = {
107
107
  primary: e({ class: "primary" }),
108
108
  secondary: e({ class: "secondary" }),
109
109
  destructive: e({ class: "destructive" }),
@@ -111,17 +111,17 @@ const v = {
111
111
  outline: e({ class: "outline" }),
112
112
  ghost: e({ class: "ghost" }),
113
113
  link: e({ class: "link" }),
114
- icon: f({ class: "icon" }),
115
- withIcon: f({ class: "with-icon" }),
114
+ icon: h({ class: "icon" }),
115
+ withIcon: h({ class: "with-icon" }),
116
116
  back: $({ class: "with-icon back-button" }),
117
117
  circleIcon: I
118
- }, B = i((n, s) => (h[n.variant] || h.primary)(n, s)), S = i((n, s) => B({ ...n, variant: "withIcon", icon: g.loading, animation: "animate-spin" }, s));
118
+ }, B = i((n, s) => (g[n.variant] || g.primary)(n, s)), S = i((n, s) => B({ ...n, variant: "withIcon", icon: b.loading, animation: "animate-spin" }, s));
119
119
  export {
120
120
  B,
121
- a as I,
121
+ r as I,
122
122
  S as L,
123
- d as M,
124
- k as U,
123
+ f as M,
124
+ c as U,
125
125
  U as a,
126
126
  j as i
127
127
  };
@@ -1,13 +1,13 @@
1
1
  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";
2
2
  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";
3
- import { P as S, C as at, R as ct } from "./simple-search-input-mCUOwYbp.js";
4
- import { U as m, B as h, I as dt } from "./buttons-HW55zbqy.js";
3
+ import { P as S, C as at, R as ct } from "./simple-search-input-DKPm8m2G.js";
4
+ import { U as m, B as h, I as dt } from "./buttons-D81gnapb.js";
5
5
  import { Timer as ut, List as ht, DynamicTime as mt } from "@base-framework/organisms";
6
6
  import { C as ft, b as pt } from "./tooltip-BmvjA9XQ.js";
7
7
  import { f as C } from "./image-BhZbKYDj.js";
8
8
  import { Icons as u } from "./icons.es.js";
9
9
  import { F as z } from "./format-BmrNQptv.js";
10
- import "./mobile-nav-wrapper-DmrkMxyd.js";
10
+ import "./mobile-nav-wrapper-DyBtZhx2.js";
11
11
  import "./aside-template-BDvEMLnk.js";
12
12
  import "./full-page-DccgwWsM.js";
13
13
  import "./bside-template-BCP2pJWN.js";
package/dist/index.es.js CHANGED
@@ -1,15 +1,15 @@
1
1
  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";
2
- import { B as c, I as g, L as T, M as C, U as I, i as S, a as b } from "./buttons-HW55zbqy.js";
2
+ 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";
3
3
  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";
4
4
  import { S as j } from "./skeleton-BlY3opxG.js";
5
5
  import { Icons as J, MaterialSymbols as q } from "./icons.es.js";
6
- 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-BTmefeHC.js";
7
- 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-mCUOwYbp.js";
8
- 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-CbzCU4y4.js";
9
- 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-DmrkMxyd.js";
10
- import { S as Ze } from "./sidebar-menu-C5s4Cogh.js";
6
+ 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-BwRJ964Q.js";
7
+ 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";
8
+ 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";
9
+ 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";
10
+ import { S as Ze } from "./sidebar-menu-D5TdjR_H.js";
11
11
  import { B as as, F as es, M as ss, P as os } from "./full-page-DccgwWsM.js";
12
- import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-DwqCqwzG.js";
12
+ import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-DSILzVNU.js";
13
13
  import { A as ds, F as us, M as cs, T as gs, a as Ts } from "./aside-template-BDvEMLnk.js";
14
14
  import { B as Is } from "./bside-template-BCP2pJWN.js";
15
15
  import { F as bs, c as Ds } from "./format-BmrNQptv.js";
@@ -1,6 +1,6 @@
1
1
  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";
2
2
  import { Component as n, Atom as i, NavLink as L, router as u } from "@base-framework/base";
3
- import { U as o, B as p } from "./buttons-HW55zbqy.js";
3
+ import { U as o, B as p } from "./buttons-D81gnapb.js";
4
4
  import { Icons as c } from "./icons.es.js";
5
5
  class C extends n {
6
6
  /**
@@ -1,5 +1,5 @@
1
- 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-BTmefeHC.js";
2
- import { A as X, P as Y, m as Z } from "./simple-search-input-mCUOwYbp.js";
1
+ 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-BwRJ964Q.js";
2
+ import { A as X, P as Y, m as Z } from "./simple-search-input-DKPm8m2G.js";
3
3
  export {
4
4
  s as Alert,
5
5
  X as Avatar,
@@ -1,7 +1,7 @@
1
- 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-mCUOwYbp.js";
2
- 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-CbzCU4y4.js";
3
- 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-DmrkMxyd.js";
4
- import { S as ba } from "./sidebar-menu-C5s4Cogh.js";
1
+ 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";
2
+ 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";
3
+ 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";
4
+ import { S as ba } from "./sidebar-menu-D5TdjR_H.js";
5
5
  export {
6
6
  s as BackButton,
7
7
  Y as Backdrop,
package/dist/pages.es.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { B as s, F as P, M as g, P as n } from "./full-page-DccgwWsM.js";
2
- import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-DwqCqwzG.js";
2
+ import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-DSILzVNU.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 { I as n } from "./mobile-nav-wrapper-DmrkMxyd.js";
2
+ import { I as n } from "./mobile-nav-wrapper-DyBtZhx2.js";
3
3
  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}` }, [
4
4
  o,
5
5
  l && x({ class: "pb-4 md:pb-2 px-6 flex" }, [
@@ -1,8 +1,8 @@
1
1
  import { Div as s } from "@base-framework/atoms";
2
2
  import { B as a, M as i, P as r } from "./full-page-DccgwWsM.js";
3
3
  import { F as l, A as n } from "./aside-template-BDvEMLnk.js";
4
- import { b as d } from "./mobile-nav-wrapper-DmrkMxyd.js";
5
- import { S as o } from "./sidebar-menu-C5s4Cogh.js";
4
+ import { b as d } from "./mobile-nav-wrapper-DyBtZhx2.js";
5
+ import { S as o } from "./sidebar-menu-D5TdjR_H.js";
6
6
  class p extends a {
7
7
  /**
8
8
  * This will render the page.
@@ -1,8 +1,8 @@
1
1
  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";
2
2
  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";
3
- import { B as C } from "./buttons-HW55zbqy.js";
3
+ import { B as C } from "./buttons-D81gnapb.js";
4
4
  import { Icons as D } from "./icons.es.js";
5
- import { O as A } from "./simple-search-input-mCUOwYbp.js";
5
+ import { O as A } from "./simple-search-input-DKPm8m2G.js";
6
6
  import { V as u, H as F } from "./image-BhZbKYDj.js";
7
7
  import { IntervalTimer as O } from "@base-framework/organisms";
8
8
  class Pt extends k {
@@ -1,6 +1,6 @@
1
1
  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";
2
2
  import { Component as R, Data as P, Atom as m, DateTime as H, DataTracker as _, Jot as it } from "@base-framework/base";
3
- import { B as y, U as q } from "./buttons-HW55zbqy.js";
3
+ import { B as y, U as q } from "./buttons-D81gnapb.js";
4
4
  import { Icons as S } from "./icons.es.js";
5
5
  import { TableBody as ct, DataTableBody as dt, ScrollableTableBody as ht, List as ut } from "@base-framework/organisms";
6
6
  import { I as ft, C as mt, c as gt } from "./image-BhZbKYDj.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.1.17",
3
+ "version": "1.1.18",
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": {