@base-framework/ui 1.0.319 → 1.0.321
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Div as l, H5 as se, P as w, I as C, Li as W, Span as c, Ul as G, Button as b, OnState as B, Label as
|
|
1
|
+
import { Div as l, H5 as se, P as w, I as C, Li as W, Span as c, Ul as G, Button as b, OnState as B, Label as j, H2 as $, Form as oe, Header as L, Footer as N, A as J, H3 as ne, Checkbox as le, Input as f, Img as K, Nav as re, UseParent as Q, OnStateOpen as O, Time as ie, Dialog as ae } from "@base-framework/atoms";
|
|
2
2
|
import { Atom as u, Component as k, Html as z, Dom as ce, base as ue, Data as A, Builder as X, Jot as I, Events as v, DateTime as E } from "@base-framework/base";
|
|
3
3
|
import { P as F, b as de, R as he } from "./range-calendar-BMWSJTE0.js";
|
|
4
4
|
import { C as fe, F as me, a as D } from "./veil-CVCuKSvj.js";
|
|
@@ -167,13 +167,13 @@ class At extends k {
|
|
|
167
167
|
]);
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), Be = u((e, t) =>
|
|
170
|
+
const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), Be = u((e, t) => j({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), Le = u((e, t) => w({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Ae = u((e, t) => w({ ...e, class: "text-sm text-destructive" }, t)), Mt = u((e, t = []) => fe({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
|
|
171
171
|
e.title && $({ class: "text-lg font-semibold py-4 px-6" }, e.title),
|
|
172
172
|
e.description && w({ class: "text-sm text-muted-foreground pb-4 px-6 max-w-[700px]" }, e.description),
|
|
173
173
|
...t
|
|
174
174
|
])), Pt = u((e, t = []) => me({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
|
|
175
175
|
l({ class: "flex flex-col gap-y-6" }, t)
|
|
176
|
-
])),
|
|
176
|
+
])), jt = u((e, t = []) => {
|
|
177
177
|
const s = e.border ? "border-t" : "";
|
|
178
178
|
return l({ ...e, class: `flex flex-col pb-4 px-6 gap-y-4 ${s} ${e.class || ""}` }, t);
|
|
179
179
|
}), Me = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", Z = (e, t, s) => e.map((o) => !o || (o.children && o.children.length > 0 && (o.children = Z(o.children, t, s)), !o.required) ? o : Me(o) ? {
|
|
@@ -193,7 +193,7 @@ const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
|
|
|
193
193
|
...e,
|
|
194
194
|
class: "w-full"
|
|
195
195
|
}, n);
|
|
196
|
-
}),
|
|
196
|
+
}), Nt = D(
|
|
197
197
|
{
|
|
198
198
|
/**
|
|
199
199
|
* The initial state of the FormField.
|
|
@@ -232,10 +232,10 @@ const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
|
|
|
232
232
|
]);
|
|
233
233
|
}
|
|
234
234
|
}
|
|
235
|
-
),
|
|
235
|
+
), je = (e, t, s = null) => {
|
|
236
236
|
e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
|
|
237
237
|
}, ee = u(
|
|
238
|
-
(e, t) => oe({ ...e, submit: (s, o) =>
|
|
238
|
+
(e, t) => oe({ ...e, submit: (s, o) => je(s, o, e.submit), class: `w-full ${e.class ?? ""}` }, t)
|
|
239
239
|
), Ot = u((e, t) => l({ ...e, class: `flex flex-auto flex-col gap-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)), zt = u((e, t = []) => l({ class: "flex flex-col gap-y-3 py-4" }, [
|
|
240
240
|
e.title && $({ class: "font-semibold" }, e.title),
|
|
241
241
|
...t
|
|
@@ -245,7 +245,7 @@ const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
|
|
|
245
245
|
]), Ut = (e, t) => l({ class: "flex" }, [
|
|
246
246
|
c({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
|
|
247
247
|
c(t)
|
|
248
|
-
]),
|
|
248
|
+
]), Ne = ({ title: e, description: t, back: s, icon: o, options: n = [] }) => L({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10" }, [
|
|
249
249
|
/**
|
|
250
250
|
* Back Button
|
|
251
251
|
*/
|
|
@@ -272,9 +272,9 @@ const Te = u((e, t) => l({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
|
|
|
272
272
|
}
|
|
273
273
|
}, [
|
|
274
274
|
ee({ class: "modal-content relative bg-background z-[1] flex flex-auto flex-col gap-y-4", submit: (s, o) => e.onSubmit && e.onSubmit(o) }, [
|
|
275
|
-
|
|
275
|
+
Ne(e),
|
|
276
276
|
l({ class: "modal-body flex flex-grow flex-col overflow-y-auto py-0 px-6 z-0" }, t),
|
|
277
|
-
|
|
277
|
+
N({ class: "modal-footer sticky bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
|
|
278
278
|
])
|
|
279
279
|
])), ze = (e) => X.render(e, app.root);
|
|
280
280
|
class Vt extends k {
|
|
@@ -556,7 +556,7 @@ class Re extends k {
|
|
|
556
556
|
this.title && Ee(this.title)
|
|
557
557
|
]),
|
|
558
558
|
w({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
|
|
559
|
-
(this.primary || this.secondary) &&
|
|
559
|
+
(this.primary || this.secondary) && N({ class: "margin-top-24 flex align-center" }, this.getButtons())
|
|
560
560
|
])
|
|
561
561
|
]),
|
|
562
562
|
h({
|
|
@@ -786,7 +786,7 @@ const H = globalThis.matchMedia, M = u(({ value: e, label: t, icon: s }) => b({
|
|
|
786
786
|
s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
|
|
787
787
|
}
|
|
788
788
|
}, [
|
|
789
|
-
B("loaded", (s) => s === !1 || _e(this.src) ?
|
|
789
|
+
B("loaded", (s) => s === !1 || _e(this.src) ? j({
|
|
790
790
|
htmlFor: e,
|
|
791
791
|
class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
|
|
792
792
|
}, [
|
|
@@ -863,7 +863,7 @@ const H = globalThis.matchMedia, M = u(({ value: e, label: t, icon: s }) => b({
|
|
|
863
863
|
// @ts-ignore
|
|
864
864
|
src: this.src,
|
|
865
865
|
class: "absolute inset-0 w-full h-full object-cover rounded-full"
|
|
866
|
-
}) :
|
|
866
|
+
}) : j({
|
|
867
867
|
htmlFor: e,
|
|
868
868
|
class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
|
|
869
869
|
}, [
|
|
@@ -1190,7 +1190,7 @@ const H = globalThis.matchMedia, M = u(({ value: e, label: t, icon: s }) => b({
|
|
|
1190
1190
|
onState: ["selectedDate", (o) => {
|
|
1191
1191
|
if (o) {
|
|
1192
1192
|
const n = new Date(o);
|
|
1193
|
-
if (
|
|
1193
|
+
if (!isNaN(n.getTime())) {
|
|
1194
1194
|
const r = (n.getMonth() + 1).toString().padStart(2, "0"), i = n.getDate().toString().padStart(2, "0"), a = n.getFullYear();
|
|
1195
1195
|
return `${r}/${i}/${a}`;
|
|
1196
1196
|
}
|
|
@@ -1590,7 +1590,7 @@ const ss = D(
|
|
|
1590
1590
|
e.description && w({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e.description),
|
|
1591
1591
|
l({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t)
|
|
1592
1592
|
]),
|
|
1593
|
-
e.buttons &&
|
|
1593
|
+
e.buttons && N({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, e.buttons)
|
|
1594
1594
|
])
|
|
1595
1595
|
])
|
|
1596
1596
|
]
|
|
@@ -1769,9 +1769,9 @@ export {
|
|
|
1769
1769
|
Ae as f,
|
|
1770
1770
|
Mt as g,
|
|
1771
1771
|
Pt as h,
|
|
1772
|
-
|
|
1772
|
+
jt as i,
|
|
1773
1773
|
Pe as j,
|
|
1774
|
-
|
|
1774
|
+
Nt as k,
|
|
1775
1775
|
ee as l,
|
|
1776
1776
|
Ot as m,
|
|
1777
1777
|
zt as n,
|
package/dist/index.es.js
CHANGED
|
@@ -3,9 +3,9 @@ import { B as u, I as g, L as C } from "./buttons-CHEs54Wl.js";
|
|
|
3
3
|
import { C as T, F as b, V as D, a as I } from "./veil-CVCuKSvj.js";
|
|
4
4
|
import { C as F, d as B, D as P, c as k, E as M, F as v, H as x, I as N, M as f, N as y, P as h, R as U, T as L, a as W, b as H, U as R, W as w } from "./inputs-9udyzkHR.js";
|
|
5
5
|
import { Icons as G } from "./icons.es.js";
|
|
6
|
-
import { A as E, B as V, C as j, w as q, K as J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, Q as $, O as aa, v as ea, c as sa, a as oa, b as ta, R as ra, l as na, g as la, i as ia, h as pa, j as da, e as ma, k as ua, F as ga, d as Ca, f as ca, I as Ta, L as ba, x as Da, M as Ia, o as Sa, N as Fa, P as Ba, s as Pa, t as ka, S as Ma, q as va, r as xa, T as Na, H as fa, J as ya, p as ha, u as Ua } from "./empty-state-
|
|
6
|
+
import { A as E, B as V, C as j, w as q, K as J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, Q as $, O as aa, v as ea, c as sa, a as oa, b as ta, R as ra, l as na, g as la, i as ia, h as pa, j as da, e as ma, k as ua, F as ga, d as Ca, f as ca, I as Ta, L as ba, x as Da, M as Ia, o as Sa, N as Fa, P as Ba, s as Pa, t as ka, S as Ma, q as va, r as xa, T as Na, H as fa, J as ya, p as ha, u as Ua } from "./empty-state-CmJE_BQv.js";
|
|
7
7
|
import { A as Wa, b as Ha, C as Ra, D as wa, a as Aa, F as Ga, M as Oa, P as Ea, R as Va, c as ja, g as qa, p as Ja } from "./range-calendar-BMWSJTE0.js";
|
|
8
|
-
import { B as Ka, p as Qa, C as _a, j as Xa, D as Ya, m as Za, k as $a, H as ae, I as ee, N as se, O as oe, P as te, S as re, n as ne, o as le, x as ie, s as pe, q as de, r as me, T as ue, t as ge, w as Ce, u as ce, v as Te, l as be, U as De, W as Ie, f as Se, h as Fe, i as Be, c as Pe, d as ke, b as Me, e as ve, a as xe, g as Ne } from "./signature-panel-
|
|
8
|
+
import { B as Ka, p as Qa, C as _a, j as Xa, D as Ya, m as Za, k as $a, H as ae, I as ee, N as se, O as oe, P as te, S as re, n as ne, o as le, x as ie, s as pe, q as de, r as me, T as ue, t as ge, w as Ce, u as ce, v as Te, l as be, U as De, W as Ie, f as Se, h as Fe, i as Be, c as Pe, d as ke, b as Me, e as ve, a as xe, g as Ne } from "./signature-panel-Dshz3HOW.js";
|
|
9
9
|
import { B as ye, I as he, M as Ue, d as Le, e as We, g as He, N as Re, b as we, a as Ae, f as Ge, P as Oe, c as Ee, S as Ve, T as je } from "./mobile-nav-wrapper-CWqhZ0qz.js";
|
|
10
10
|
import { B as Je, a as ze, C as Ke, F as Qe, b as _e, c as Xe, M as Ye, P as Ze, S as $e } from "./sidebar-menu-page-UmKsAvjb.js";
|
|
11
11
|
import { A as es, F as ss, M as os, a as ts, T as rs } from "./aside-template-sUm-F2f0.js";
|
package/dist/molecules.es.js
CHANGED
|
@@ -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-
|
|
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-CmJE_BQv.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,
|
package/dist/organisms.es.js
CHANGED
|
@@ -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-
|
|
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-Dshz3HOW.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-CWqhZ0qz.js";
|
|
4
4
|
export {
|
|
@@ -1514,7 +1514,7 @@ const Ke = (t) => w(
|
|
|
1514
1514
|
},
|
|
1515
1515
|
[
|
|
1516
1516
|
k({
|
|
1517
|
-
class: "flex flex-auto justify-center items-center px-4 py-3",
|
|
1517
|
+
class: "flex flex-auto justify-center items-center px-4 py-3 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
|
|
1518
1518
|
onSet: ["selected", { selected: t.value }],
|
|
1519
1519
|
click: (e) => t.callBack(t.value)
|
|
1520
1520
|
}, t.label)
|
|
@@ -1607,7 +1607,7 @@ const Je = (t) => w(
|
|
|
1607
1607
|
},
|
|
1608
1608
|
[
|
|
1609
1609
|
k({
|
|
1610
|
-
class: "flex flex-auto justify-center items-center px-4 py-3 disabled:opacity-50 disabled:cursor-not-allowed",
|
|
1610
|
+
class: "flex flex-auto justify-center items-center px-4 py-3 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
|
|
1611
1611
|
onSet: ["selected", { selected: t.value }],
|
|
1612
1612
|
click: (e) => t.callBack(t.value),
|
|
1613
1613
|
disabled: t.disabled
|
package/package.json
CHANGED