@base-framework/ui 1.0.161 → 1.0.163
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,9 +1,9 @@
|
|
|
1
1
|
import { Div as n, H5 as _, P as b, I as g, Li as O, Span as a, Ul as V, Button as m, OnState as v, Label as R, Form as W, H2 as A, Header as B, Footer as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, UseParent as Q, Time as X, Dialog as Z } from "@base-framework/atoms";
|
|
2
|
-
import { Atom as c, Component as p, Html as L, Dom as ee, base as te, Data as k, Builder as H, Jot as
|
|
3
|
-
import { P as
|
|
4
|
-
import { B as h, I as
|
|
2
|
+
import { Atom as c, Component as p, Html as L, Dom as ee, base as te, Data as k, Builder as H, Jot as x, DateTime as $ } from "@base-framework/base";
|
|
3
|
+
import { P as S, b as se } from "./calendar-DQXME-2u.js";
|
|
4
|
+
import { B as h, I as w } from "./buttons-Cm9etaEG.js";
|
|
5
5
|
import { Icons as u } from "./icons.es.js";
|
|
6
|
-
import { a as
|
|
6
|
+
import { a as D } from "./veil-D4dRxILB.js";
|
|
7
7
|
import { Timer as oe, List as ne, DynamicTime as re } from "@base-framework/organisms";
|
|
8
8
|
const P = {
|
|
9
9
|
info: {
|
|
@@ -94,7 +94,7 @@ const de = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
|
|
|
94
94
|
]), pe = ({ onSelect: e }) => n([
|
|
95
95
|
v(
|
|
96
96
|
"open",
|
|
97
|
-
(t, s, o) => t ? new
|
|
97
|
+
(t, s, o) => t ? new S({
|
|
98
98
|
cache: "dropdown",
|
|
99
99
|
parent: o,
|
|
100
100
|
button: o.button
|
|
@@ -183,7 +183,7 @@ const xe = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
|
|
|
183
183
|
...e,
|
|
184
184
|
class: "w-full"
|
|
185
185
|
}, r);
|
|
186
|
-
}), gt =
|
|
186
|
+
}), gt = D(
|
|
187
187
|
{
|
|
188
188
|
/**
|
|
189
189
|
* The initial state of the FormField.
|
|
@@ -243,7 +243,7 @@ const xe = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
|
|
|
243
243
|
/**
|
|
244
244
|
* Icon
|
|
245
245
|
*/
|
|
246
|
-
o && n({ class: "mr-2 w-12 h-12 rounded-full bg-muted flex flex-none items-center justify-center" }, [
|
|
246
|
+
o && n({ class: "mr-2 w-12 h-12 rounded-full bg-muted flex flex-none items-center justify-center" }, [w(o)]),
|
|
247
247
|
/**
|
|
248
248
|
* Title and Description
|
|
249
249
|
*/
|
|
@@ -598,7 +598,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
598
598
|
r.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), Fe(e);
|
|
599
599
|
}
|
|
600
600
|
}, [
|
|
601
|
-
|
|
601
|
+
w(s),
|
|
602
602
|
a(t)
|
|
603
603
|
])), Fe = (e) => {
|
|
604
604
|
var o;
|
|
@@ -609,7 +609,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
609
609
|
}
|
|
610
610
|
const s = e === "light" ? "dark" : "light";
|
|
611
611
|
t.classList.remove(s);
|
|
612
|
-
}, Ct =
|
|
612
|
+
}, Ct = x(
|
|
613
613
|
{
|
|
614
614
|
/**
|
|
615
615
|
* This will render the component.
|
|
@@ -636,7 +636,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
636
636
|
};
|
|
637
637
|
}
|
|
638
638
|
}
|
|
639
|
-
), kt =
|
|
639
|
+
), kt = D(
|
|
640
640
|
{
|
|
641
641
|
/**
|
|
642
642
|
* The initial state of the Toggle.
|
|
@@ -716,14 +716,14 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
716
716
|
class: "text-muted-foreground font-medium hover:text-foreground"
|
|
717
717
|
},
|
|
718
718
|
[a(t)]
|
|
719
|
-
), Ee = () =>
|
|
719
|
+
), Ee = () => w({
|
|
720
720
|
class: "mx-3 text-muted-foreground",
|
|
721
721
|
"aria-hidden": !0,
|
|
722
722
|
size: "xs"
|
|
723
723
|
}, u.chevron.single.right), je = (e) => n({ class: "flex items-center" }, [
|
|
724
724
|
e.href ? ze(e.href, e.label) : a(e.label),
|
|
725
725
|
e.separator && Ee()
|
|
726
|
-
]), It =
|
|
726
|
+
]), It = x(
|
|
727
727
|
{
|
|
728
728
|
/**
|
|
729
729
|
* Set initial data
|
|
@@ -785,7 +785,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
785
785
|
]), Ye = (e, t) => Array.from({ length: e }, (s, o) => Ve({
|
|
786
786
|
index: o,
|
|
787
787
|
size: t
|
|
788
|
-
})), Tt =
|
|
788
|
+
})), Tt = x(
|
|
789
789
|
{
|
|
790
790
|
/**
|
|
791
791
|
* Defines component data (props).
|
|
@@ -831,14 +831,14 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
831
831
|
click: () => t(e),
|
|
832
832
|
onState: [s, "selectedValue", { "bg-secondary": e.value }]
|
|
833
833
|
}, [
|
|
834
|
-
e.icon && a({ class: "mr-2 flex items-baseline" }, [
|
|
834
|
+
e.icon && a({ class: "mr-2 flex items-baseline" }, [w({ size: "xs" }, e.icon)]),
|
|
835
835
|
a({ class: "text-base font-normal" }, e.label)
|
|
836
836
|
]), qe = (e, t) => n({ class: "w-full border rounded-md" }, [
|
|
837
837
|
V({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Ue(s, e, t)] })
|
|
838
838
|
]), _e = ({ onSelect: e, state: t }) => n({ class: "flex flex-auto flex-col" }, [
|
|
839
839
|
v(
|
|
840
840
|
"open",
|
|
841
|
-
(s, o, r) => s ? new
|
|
841
|
+
(s, o, r) => s ? new S({
|
|
842
842
|
cache: "dropdown",
|
|
843
843
|
parent: r,
|
|
844
844
|
button: r.button
|
|
@@ -846,7 +846,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
846
846
|
qe(e, t)
|
|
847
847
|
]) : null
|
|
848
848
|
)
|
|
849
|
-
]), $t =
|
|
849
|
+
]), $t = x(
|
|
850
850
|
{
|
|
851
851
|
/**
|
|
852
852
|
* This will set up the data.
|
|
@@ -975,7 +975,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
975
975
|
max: s,
|
|
976
976
|
type: "number",
|
|
977
977
|
"aria-label": "Counter"
|
|
978
|
-
})), At =
|
|
978
|
+
})), At = D(
|
|
979
979
|
{
|
|
980
980
|
/**
|
|
981
981
|
* Initial state for the counter component.
|
|
@@ -1025,7 +1025,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
1025
1025
|
g({ html: u.calendar.days })
|
|
1026
1026
|
]), Qe = ({ handleDateSelect: e, blockPriorDates: t }) => v(
|
|
1027
1027
|
"open",
|
|
1028
|
-
(s, o, r) => s ? new
|
|
1028
|
+
(s, o, r) => s ? new S({
|
|
1029
1029
|
cache: "dropdown",
|
|
1030
1030
|
parent: r,
|
|
1031
1031
|
button: r.panel,
|
|
@@ -1037,7 +1037,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
1037
1037
|
blockPriorDates: t
|
|
1038
1038
|
})
|
|
1039
1039
|
]) : null
|
|
1040
|
-
), Bt =
|
|
1040
|
+
), Bt = x(
|
|
1041
1041
|
{
|
|
1042
1042
|
/**
|
|
1043
1043
|
* The initial state of the DatePicker.
|
|
@@ -1046,6 +1046,7 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
1046
1046
|
*/
|
|
1047
1047
|
setStates() {
|
|
1048
1048
|
return {
|
|
1049
|
+
// @ts-ignore
|
|
1049
1050
|
selectedDate: this.selectedDate ?? null,
|
|
1050
1051
|
open: !1
|
|
1051
1052
|
};
|
|
@@ -1071,11 +1072,14 @@ const N = globalThis.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
|
|
|
1071
1072
|
return n({ class: "relative w-full max-w-[320px]", debug: !0 }, [
|
|
1072
1073
|
Ke({
|
|
1073
1074
|
toggleOpen: e,
|
|
1075
|
+
// @ts-ignore
|
|
1074
1076
|
bind: this.bind,
|
|
1077
|
+
// @ts-ignore
|
|
1075
1078
|
required: this.required
|
|
1076
1079
|
}),
|
|
1077
1080
|
Qe({
|
|
1078
1081
|
handleDateSelect: t,
|
|
1082
|
+
// @ts-ignore
|
|
1079
1083
|
blockPriorDates: this.blockPriorDates || !1
|
|
1080
1084
|
})
|
|
1081
1085
|
]);
|
|
@@ -1133,7 +1137,7 @@ function et({ handleTimeSelect: e }) {
|
|
|
1133
1137
|
[
|
|
1134
1138
|
v(
|
|
1135
1139
|
"open",
|
|
1136
|
-
(t, s, o) => t ? new
|
|
1140
|
+
(t, s, o) => t ? new S(
|
|
1137
1141
|
{
|
|
1138
1142
|
cache: "dropdown",
|
|
1139
1143
|
parent: o,
|
|
@@ -1193,7 +1197,7 @@ function E(e) {
|
|
|
1193
1197
|
meridian: l
|
|
1194
1198
|
});
|
|
1195
1199
|
}
|
|
1196
|
-
const Lt =
|
|
1200
|
+
const Lt = D(
|
|
1197
1201
|
{
|
|
1198
1202
|
/**
|
|
1199
1203
|
* The initial shallow state of the TimePicker.
|
|
@@ -1254,7 +1258,7 @@ const Lt = w(
|
|
|
1254
1258
|
}
|
|
1255
1259
|
}
|
|
1256
1260
|
), tt = (e, t) => n({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
|
|
1257
|
-
|
|
1261
|
+
w({ size: "lg" }, e)
|
|
1258
1262
|
]), st = ({ title: e }) => B({ class: "flex flex-auto items-center" }, [
|
|
1259
1263
|
A({ class: "text-lg font-semibold" }, e)
|
|
1260
1264
|
]), ot = c((e, t) => Z(
|
package/dist/index.es.js
CHANGED
|
@@ -3,7 +3,7 @@ import { B as g, I as C, L as T } from "./buttons-Cm9etaEG.js";
|
|
|
3
3
|
import { C as b, d as D, D as S, c as I, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as h, a as y, b as W, U as H, W as L } from "./inputs-Dmu4Z-7-.js";
|
|
4
4
|
import { V as w, a as U } from "./veil-D4dRxILB.js";
|
|
5
5
|
import { Icons as O } from "./icons.es.js";
|
|
6
|
-
import { A as G, B as V, C as j, t as q, E as z, v as J, w as _, x as K, D as Q, j as X, k as Y, H as Z, G as $, s as aa, c as sa, a as ea, b as oa, i as ta, g as ra, e as na, h as ia, F as la, d as pa, f as ua, u as ma, M as da, l as ga, N as Ca, P as Ta, p as ca, q as ba, S as Da, n as Sa, o as Ia, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./confirmation-
|
|
6
|
+
import { A as G, B as V, C as j, t as q, E as z, v as J, w as _, x as K, D as Q, j as X, k as Y, H as Z, G as $, s as aa, c as sa, a as ea, b as oa, i as ta, g as ra, e as na, h as ia, F as la, d as pa, f as ua, u as ma, M as da, l as ga, N as Ca, P as Ta, p as ca, q as ba, S as Da, n as Sa, o as Ia, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./confirmation-E9rmhHQ1.js";
|
|
7
7
|
import { A as va, b as fa, C as xa, D as ha, a as ya, F as Wa, M as Ha, P as La, c as Aa, g as wa, p as Ua } from "./calendar-DQXME-2u.js";
|
|
8
8
|
import { B as Oa, n as Ea, C as Ga, j as Va, D as ja, l as qa, H as za, I as Ja, N as _a, O as Ka, P as Qa, S as Xa, m as Ya, r as Za, q as $a, o as as, p as ss, T as es, k as os, U as ts, W as rs, f as ns, h as is, i as ls, c as ps, d as us, b as ms, e as ds, a as gs, g as Cs } from "./signature-panel-C8UM0F7Y.js";
|
|
9
9
|
import { B as cs, I as bs, M as Ds, d as Ss, e as Is, g as Bs, N as Ps, b as Fs, a as Ms, f as ks, P as Ns, c as vs, S as fs, T as xs } from "./mobile-nav-wrapper-Dj67Pb8l.js";
|
package/dist/molecules.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as o, B as t, C as e, t as i, E as r, v as n, w as m, x as l, D as S, j as u, k as D, H as c, G as C, s as d, c as g, a as p, b as F, i as T, g as A, e as P, h as f, F as w, d as b, f as B, u as I, M, l as x, N as y, P as k, p as v, q as N, S as h, n as E, o as L, T as R, y as U, z as j, m as q, r as z } from "./confirmation-
|
|
1
|
+
import { A as o, B as t, C as e, t as i, E as r, v as n, w as m, x as l, D as S, j as u, k as D, H as c, G as C, s as d, c as g, a as p, b as F, i as T, g as A, e as P, h as f, F as w, d as b, f as B, u as I, M, l as x, N as y, P as k, p as v, q as N, S as h, n as E, o as L, T as R, y as U, z as j, m as q, r as z } from "./confirmation-E9rmhHQ1.js";
|
|
2
2
|
import { A as H, P as O, g as _ } from "./calendar-DQXME-2u.js";
|
|
3
3
|
export {
|
|
4
4
|
o as Alert,
|
package/package.json
CHANGED