@base-framework/ui 1.1.27 → 1.2.1
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/{aside-template-BDvEMLnk.js → aside-template-B9V-0xle.js} +4 -0
- package/dist/atoms.es.js +3 -3
- package/dist/{bside-template-BCP2pJWN.js → bside-template-oLChzjxQ.js} +3 -1
- package/dist/{buttons-BY-KDbOv.js → buttons-Dxnuce2_.js} +11 -0
- package/dist/{empty-state-BpM0ahNZ.js → empty-state-BeE1e4GL.js} +40 -16
- package/dist/{full-page-DccgwWsM.js → full-page-CgVI1G7F.js} +1 -1
- package/dist/{image-BhZbKYDj.js → image-T4fJLqgd.js} +15 -0
- package/dist/index.es.js +12 -12
- package/dist/{mobile-nav-wrapper-gNWndUx9.js → mobile-nav-wrapper-0Aq2acIa.js} +1 -1
- package/dist/molecules.es.js +2 -2
- package/dist/organisms.es.js +4 -4
- package/dist/pages.es.js +2 -2
- package/dist/{sidebar-menu-9uhT3f6A.js → sidebar-menu-BFlRN7Am.js} +1 -1
- package/dist/{sidebar-menu-page-DxH5thLp.js → sidebar-menu-page-CmgdfPy4.js} +4 -4
- package/dist/{signature-panel-CISkLji2.js → signature-panel-o4xFn_he.js} +3 -3
- package/dist/{simple-search-input-LnHcOg6V.js → simple-search-input-Dbk3_QiK.js} +64 -3
- package/dist/templates.es.js +2 -2
- package/dist/{tooltip-3cWQxOb5.js → tooltip-BFST5Fcz.js} +13 -1
- package/dist/types/components/atoms/badges/badge.d.ts +1 -1
- package/dist/types/components/atoms/buttons/buttons.d.ts +2 -2
- package/dist/types/components/atoms/cards/card.d.ts +1 -1
- package/dist/types/components/atoms/form/fieldset.d.ts +1 -1
- package/dist/types/components/atoms/form/form-group.d.ts +1 -1
- package/dist/types/components/atoms/form/inputs/checkbox.d.ts +1 -1
- package/dist/types/components/atoms/form/inputs/inputs.d.ts +15 -15
- package/dist/types/components/atoms/form/legend.d.ts +1 -1
- package/dist/types/components/atoms/form/select.d.ts +1 -1
- package/dist/types/components/atoms/icon.d.ts +1 -1
- package/dist/types/components/atoms/image.d.ts +1 -1
- package/dist/types/components/atoms/material-icon.d.ts +1 -1
- package/dist/types/components/atoms/progress/circle-graph.d.ts +1 -1
- package/dist/types/components/atoms/progress/semi-circle-graph.d.ts +1 -1
- package/dist/types/components/atoms/tooltip.d.ts +1 -1
- package/dist/types/components/molecules/alert.d.ts +1 -1
- package/dist/types/components/molecules/avatars/avatar.d.ts +1 -1
- package/dist/types/components/molecules/breadcrumb/dots-indicator.d.ts +1 -1
- package/dist/types/components/molecules/combobox/combobox.d.ts +1 -1
- package/dist/types/components/molecules/dialogs/dialog-container.d.ts +1 -1
- package/dist/types/components/molecules/empty/empty-state.d.ts +1 -1
- package/dist/types/components/molecules/files/attachment/attachment-input.d.ts +1 -1
- package/dist/types/components/molecules/files/attachment/attachment.d.ts +1 -1
- package/dist/types/components/molecules/form/form-atoms.d.ts +4 -4
- package/dist/types/components/molecules/form/form-card.d.ts +3 -3
- package/dist/types/components/molecules/form/form-control.d.ts +1 -1
- package/dist/types/components/molecules/form/form.d.ts +1 -1
- package/dist/types/components/molecules/modals/atoms.d.ts +2 -2
- package/dist/types/components/molecules/modals/modal-container.d.ts +1 -1
- package/dist/types/components/molecules/modals/modal-header.d.ts +1 -1
- package/dist/types/components/molecules/theme-toggle.d.ts +1 -1
- package/dist/types/components/organisms/calendar/range/month-calendar.d.ts +1 -1
- package/dist/types/components/organisms/lists/dynamic-data-table.d.ts +1 -1
- package/dist/types/components/organisms/lists/scrollable-data-table.d.ts +1 -1
- package/dist/types/components/organisms/lists/user-list.d.ts +2 -2
- package/dist/types/components/organisms/navigation/mobile/nav-wrapper/mobile-nav-wrapper.d.ts +2 -2
- package/dist/types/components/organisms/navigation/navigation-atoms.d.ts +1 -1
- package/dist/types/components/organisms/overlays/overlay.d.ts +1 -1
- package/dist/types/components/organisms/search/dropdown.d.ts +1 -1
- package/dist/types/components/organisms/search/search-input.d.ts +1 -1
- package/dist/types/components/organisms/search/simple-search-input.d.ts +1 -1
- package/dist/types/components/pages/main-section.d.ts +1 -1
- package/dist/types/components/pages/templates/aside-template.d.ts +1 -1
- package/dist/types/components/pages/templates/bside-template.d.ts +1 -1
- package/dist/types/components/pages/templates/full-template.d.ts +1 -1
- package/dist/types/components/pages/templates/row.d.ts +1 -1
- package/dist/types/components/pages/templates/template-atoms.d.ts +2 -2
- package/dist/types/components/pages/templates/template.d.ts +1 -1
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ const x = t((l, e) => ({
|
|
|
5
5
|
...l,
|
|
6
6
|
children: e
|
|
7
7
|
})), u = t((l, e) => x({
|
|
8
|
+
// @ts-ignore
|
|
8
9
|
class: "body full-container flex flex-auto flex-col " + l.class,
|
|
9
10
|
...l
|
|
10
11
|
}, e)), n = t((l, e) => {
|
|
@@ -14,6 +15,7 @@ const x = t((l, e) => ({
|
|
|
14
15
|
children: e
|
|
15
16
|
};
|
|
16
17
|
}), m = t((l, e) => c([
|
|
18
|
+
// @ts-ignore
|
|
17
19
|
o({ watch: l.watch }, l.text)
|
|
18
20
|
], e)), f = t((l, e) => {
|
|
19
21
|
const a = l.flex ? "flex flex-none" : "flex flex-auto flex-col";
|
|
@@ -27,9 +29,11 @@ const x = t((l, e) => ({
|
|
|
27
29
|
class: "drawer control w-full md:max-w-[320px]",
|
|
28
30
|
flex: "flex flex-none md:flex-auto flex-col"
|
|
29
31
|
}, [
|
|
32
|
+
// @ts-ignore
|
|
30
33
|
l.left
|
|
31
34
|
]),
|
|
32
35
|
f([
|
|
36
|
+
// @ts-ignore
|
|
33
37
|
l.right
|
|
34
38
|
])
|
|
35
39
|
])
|
package/dist/atoms.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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-
|
|
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-
|
|
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-
|
|
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-BFST5Fcz.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-Dxnuce2_.js";
|
|
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-T4fJLqgd.js";
|
|
4
4
|
import { S as q } from "./skeleton-BlY3opxG.js";
|
|
5
5
|
export {
|
|
6
6
|
e as Badge,
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { Atom as t } from "@base-framework/base";
|
|
2
|
-
import { T as a, R as l, M as o } from "./aside-template-
|
|
2
|
+
import { T as a, R as l, M as o } from "./aside-template-B9V-0xle.js";
|
|
3
3
|
const s = t((e, r) => a({ class: "body bside-container flex flex-auto flex-col" }, [
|
|
4
4
|
l([
|
|
5
5
|
o([
|
|
6
|
+
// @ts-ignore
|
|
6
7
|
e.left
|
|
7
8
|
]),
|
|
8
9
|
o([
|
|
10
|
+
// @ts-ignore
|
|
9
11
|
e.right
|
|
10
12
|
])
|
|
11
13
|
])
|
|
@@ -13,6 +13,7 @@ const z = {
|
|
|
13
13
|
const t = z[n.size || "sm"];
|
|
14
14
|
return y({
|
|
15
15
|
...n,
|
|
16
|
+
// @ts-ignore
|
|
16
17
|
class: `stroke-current icon-size ${t} ${n.class || ""}`,
|
|
17
18
|
html: s[0]?.textContent
|
|
18
19
|
});
|
|
@@ -48,12 +49,15 @@ const z = {
|
|
|
48
49
|
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
50
|
return v({
|
|
50
51
|
...n,
|
|
52
|
+
// @ts-ignore
|
|
51
53
|
class: `inline-flex items-center justify-center ${w} ${l} ${n.class || ""}`,
|
|
54
|
+
// @ts-ignore
|
|
52
55
|
style: `font-size: ${a}; ${n.style || ""}`,
|
|
53
56
|
// Remove props that shouldn't be passed to the DOM element
|
|
54
57
|
size: void 0,
|
|
55
58
|
variant: void 0,
|
|
56
59
|
name: void 0
|
|
60
|
+
// @ts-ignore
|
|
57
61
|
}, n.name);
|
|
58
62
|
}), c = (n = {}, s) => s ? typeof s == "string" && s.includes("<svg") ? r(n, s) : typeof s == "object" && s.name ? f({
|
|
59
63
|
...n,
|
|
@@ -65,19 +69,24 @@ const z = {
|
|
|
65
69
|
}) : 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
70
|
...n,
|
|
67
71
|
...s,
|
|
72
|
+
// @ts-ignore
|
|
68
73
|
class: `bttn ${n.class} ${s.class || ""}`
|
|
69
74
|
}, t)), x = i(
|
|
70
75
|
(n, s) => o({
|
|
71
76
|
...n,
|
|
77
|
+
// @ts-ignore
|
|
72
78
|
class: n.class
|
|
73
79
|
}, [
|
|
80
|
+
// @ts-ignore
|
|
74
81
|
n.icon && n.position !== "right" ? c({ size: n.size || "sm", class: n.animation ?? null }, n.icon) : null,
|
|
75
82
|
...s || [],
|
|
83
|
+
// @ts-ignore
|
|
76
84
|
n.icon && n.position === "right" ? c({ size: n.size || "sm", class: n.animation ?? null }, n.icon) : null
|
|
77
85
|
])
|
|
78
86
|
), h = (n) => i((s, t) => x({
|
|
79
87
|
...n,
|
|
80
88
|
...s,
|
|
89
|
+
// @ts-ignore
|
|
81
90
|
class: `bttn ${n.class} ${s.class || ""}`
|
|
82
91
|
}, t)), k = (n) => () => {
|
|
83
92
|
if (n.allowHistory === !0 && globalThis.history.length > 2) {
|
|
@@ -98,8 +107,10 @@ const z = {
|
|
|
98
107
|
}, a = n.backgroundClass || "bg-background/30 hover:bg-background/50";
|
|
99
108
|
return o({
|
|
100
109
|
...n,
|
|
110
|
+
// @ts-ignore
|
|
101
111
|
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
112
|
}, [
|
|
113
|
+
// @ts-ignore
|
|
103
114
|
n.icon ? c({ size: t === "xs" ? "xs" : "sm" }, n.icon) : null,
|
|
104
115
|
...s || []
|
|
105
116
|
]);
|
|
@@ -1,16 +1,16 @@
|
|
|
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-
|
|
4
|
-
import { U as m, B as h, I as dt } from "./buttons-
|
|
3
|
+
import { P as S, C as at, R as ct } from "./simple-search-input-Dbk3_QiK.js";
|
|
4
|
+
import { U as m, B as h, I as dt } from "./buttons-Dxnuce2_.js";
|
|
5
5
|
import { Timer as ut, List as ht, DynamicTime as mt } from "@base-framework/organisms";
|
|
6
|
-
import { C as ft, b as pt } from "./tooltip-
|
|
7
|
-
import { f as C } from "./image-
|
|
6
|
+
import { C as ft, b as pt } from "./tooltip-BFST5Fcz.js";
|
|
7
|
+
import { f as C } from "./image-T4fJLqgd.js";
|
|
8
8
|
import { Icons as u } from "./icons.es.js";
|
|
9
9
|
import { F as z } from "./format-DE4rFWuD.js";
|
|
10
|
-
import "./mobile-nav-wrapper-
|
|
11
|
-
import "./aside-template-
|
|
12
|
-
import "./full-page-
|
|
13
|
-
import "./bside-template-
|
|
10
|
+
import "./mobile-nav-wrapper-0Aq2acIa.js";
|
|
11
|
+
import "./aside-template-B9V-0xle.js";
|
|
12
|
+
import "./full-page-CgVI1G7F.js";
|
|
13
|
+
import "./bside-template-oLChzjxQ.js";
|
|
14
14
|
const Y = {
|
|
15
15
|
info: {
|
|
16
16
|
borderColor: "border-blue-500",
|
|
@@ -173,12 +173,17 @@ class Ne extends y {
|
|
|
173
173
|
}
|
|
174
174
|
}
|
|
175
175
|
const It = c((t, e) => n({ ...t, class: "flex flex-auto flex-col gap-y-2" }, e)), Bt = c((t, e) => P({ ...t, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, e)), Ft = c((t, e) => b({ ...t, class: "text-sm text-muted-foreground italic" }, e)), $t = c((t, e) => b({ ...t, class: "text-sm text-destructive" }, e)), Ue = c((t, e = []) => ft({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
|
|
176
|
+
// @ts-ignore
|
|
176
177
|
t.title && v({ class: "text-lg font-semibold py-4 px-6" }, t.title),
|
|
178
|
+
// @ts-ignore
|
|
177
179
|
t.description && b({ class: "text-sm text-muted-foreground pb-4 px-6 max-w-[700px]" }, t.description),
|
|
178
180
|
...e
|
|
179
|
-
])), Re = c((t, e = []) =>
|
|
180
|
-
|
|
181
|
-
|
|
181
|
+
])), Re = c((t, e = []) => (
|
|
182
|
+
// @ts-ignore
|
|
183
|
+
pt({ label: t.label, description: t.description, class: "py-4 px-6", border: t.border }, [
|
|
184
|
+
n({ class: "flex flex-col gap-y-6" }, e)
|
|
185
|
+
])
|
|
186
|
+
)), He = c((t, e = []) => {
|
|
182
187
|
const s = t.border ? "border-t" : "";
|
|
183
188
|
return n({ ...t, class: `flex flex-col pb-4 px-6 gap-y-4 ${s} ${t.class || ""}` }, e);
|
|
184
189
|
}), Mt = (t) => t.tag === "input" || t.tag === "select" || t.tag === "textarea", J = (t, e, s) => t.map((o) => !o || (o.children && o.children.length > 0 && (o.children = J(o.children, e, s)), !o.required) ? o : Mt(o) ? {
|
|
@@ -240,8 +245,15 @@ const It = c((t, e) => n({ ...t, class: "flex flex-auto flex-col gap-y-2" }, e))
|
|
|
240
245
|
), Lt = (t, e, s = null) => {
|
|
241
246
|
t.target.checkValidity() && (t.preventDefault(), s && s(t, e));
|
|
242
247
|
}, K = c(
|
|
243
|
-
(t, e) =>
|
|
244
|
-
|
|
248
|
+
(t, e) => (
|
|
249
|
+
// @ts-ignore
|
|
250
|
+
st({ ...t, submit: (s, o) => Lt(s, o, t.submit), class: `w-full ${t.class ?? ""}` }, e)
|
|
251
|
+
)
|
|
252
|
+
), Ve = c((t, e) => (
|
|
253
|
+
// @ts-ignore
|
|
254
|
+
n({ ...t, class: `flex flex-auto flex-col gap-y-6 p-4 md:p-6 divide-y ${t.class || ""}` }, e)
|
|
255
|
+
)), Ge = c((t, e = []) => n({ class: "flex flex-col gap-y-3 py-4" }, [
|
|
256
|
+
// @ts-ignore
|
|
245
257
|
t.title && v({ class: "font-semibold" }, t.title),
|
|
246
258
|
...e
|
|
247
259
|
])), We = (t, e) => n({ class: "flex justify-between" }, [
|
|
@@ -277,6 +289,7 @@ const It = c((t, e) => n({ ...t, class: "flex flex-auto flex-col gap-y-2" }, e))
|
|
|
277
289
|
const s = t.class?.includes("drawer");
|
|
278
290
|
return n({
|
|
279
291
|
popover: "manual",
|
|
292
|
+
// @ts-ignore
|
|
280
293
|
class: `modal ${s ? "" : "m-auto top-0 right-0 bottom-0 left-0"} ${s ? "" : "h-full max-h-screen"} fixed z-20 grid w-full gap-2 lg:border bg-background text-foreground shadow-xl wrap-break-words p-0 overflow-y-auto ${t.class}`,
|
|
281
294
|
click: (r, l) => {
|
|
282
295
|
r.target === l.panel && (r.preventDefault(), r.stopPropagation(), l.state.open = !1);
|
|
@@ -284,12 +297,15 @@ const It = c((t, e) => n({ ...t, class: "flex flex-auto flex-col gap-y-2" }, e))
|
|
|
284
297
|
}, [
|
|
285
298
|
K({
|
|
286
299
|
class: "modal-content relative bg-background z-1 flex flex-auto flex-col gap-y-4 min-w-0",
|
|
300
|
+
// @ts-ignore
|
|
287
301
|
submit: (r, l) => t.onSubmit && t.onSubmit(l),
|
|
288
302
|
cache: "modalContent",
|
|
303
|
+
// @ts-ignore
|
|
289
304
|
...t.gestureHandlers
|
|
290
305
|
}, [
|
|
291
306
|
Ot(t),
|
|
292
307
|
n({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, e),
|
|
308
|
+
// @ts-ignore
|
|
293
309
|
!t.hideFooter && L({ class: "modal-footer sticky bottom-0 bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, t.buttons)
|
|
294
310
|
])
|
|
295
311
|
]);
|
|
@@ -454,7 +470,7 @@ class zt extends y {
|
|
|
454
470
|
* @returns {void}
|
|
455
471
|
*/
|
|
456
472
|
beforeDestroy() {
|
|
457
|
-
this
|
|
473
|
+
this?.panel?.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(this), document.documentElement.style.overflowY = "auto";
|
|
458
474
|
}
|
|
459
475
|
}
|
|
460
476
|
class Yt {
|
|
@@ -873,7 +889,7 @@ class Ke extends y {
|
|
|
873
889
|
* @returns {void}
|
|
874
890
|
*/
|
|
875
891
|
addNotice(e = {}) {
|
|
876
|
-
e.id = Rt++, e.callBack = () => this.removeNotice(e), this
|
|
892
|
+
e.id = Rt++, e.callBack = () => this.removeNotice(e), this?.list?.append([e]), this?.panel?.hidePopover(), this?.panel?.showPopover();
|
|
877
893
|
}
|
|
878
894
|
/**
|
|
879
895
|
* This will remove a notification.
|
|
@@ -882,7 +898,7 @@ class Ke extends y {
|
|
|
882
898
|
* @returns {void}
|
|
883
899
|
*/
|
|
884
900
|
removeNotice(e) {
|
|
885
|
-
this
|
|
901
|
+
this?.list?.delete(e.id), this?.list?.isEmpty() && this?.panel?.hidePopover();
|
|
886
902
|
}
|
|
887
903
|
}
|
|
888
904
|
const E = globalThis.matchMedia, F = c(({ value: t, label: e, icon: s }) => p({
|
|
@@ -1913,19 +1929,23 @@ const ds = C(
|
|
|
1913
1929
|
class: `fixed pullUpIn z-30 w-[98%] border md:w-full max-w-lg bg-popover text-foreground shadow-lg duration-200
|
|
1914
1930
|
rounded-lg flex flex-auto flex-col
|
|
1915
1931
|
bottom-4 top-auto inset-auto m-auto md:bottom-0 md:top-0 left-0 right-0 ${t.class}`,
|
|
1932
|
+
// @ts-ignore
|
|
1916
1933
|
click: t.click,
|
|
1917
1934
|
aria: { expanded: ["open"] }
|
|
1918
1935
|
},
|
|
1919
1936
|
[
|
|
1920
1937
|
n({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
|
|
1921
1938
|
// Icon and content
|
|
1939
|
+
// @ts-ignore
|
|
1922
1940
|
t.icon && we(t.icon, t.iconColor),
|
|
1923
1941
|
n({ class: "flex flex-auto flex-col gap-4" }, [
|
|
1924
1942
|
n({ class: "flex flex-auto flex-col gap-y-2" }, [
|
|
1925
1943
|
Ce(t),
|
|
1944
|
+
// @ts-ignore
|
|
1926
1945
|
t.description && b({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t.description),
|
|
1927
1946
|
n({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e)
|
|
1928
1947
|
]),
|
|
1948
|
+
// @ts-ignore
|
|
1929
1949
|
t.buttons && L({ class: "flex flex-col-reverse sm:flex-row sm:justify-end mt-6 gap-2 sm:gap-0 sm:gap-x-2" }, t.buttons)
|
|
1930
1950
|
])
|
|
1931
1951
|
])
|
|
@@ -2064,12 +2084,16 @@ const hs = c((t, e = []) => n({ class: "w-full max-w-md p-6 m-auto" }, [
|
|
|
2064
2084
|
K({ class: "flex flex-auto flex-col" }, [
|
|
2065
2085
|
n({ class: "flex flex-auto flex-col gap-y-4" }, [
|
|
2066
2086
|
n({ class: "flex flex-auto items-center justify-center" }, [
|
|
2087
|
+
// @ts-ignore
|
|
2067
2088
|
t.icon && n({ class: "w-16 h-16 mb-2 text-primary" }, [
|
|
2089
|
+
// @ts-ignore
|
|
2068
2090
|
m({ size: "lg" }, t.icon)
|
|
2069
2091
|
])
|
|
2070
2092
|
]),
|
|
2071
2093
|
B({ class: "py-4 text-center" }, [
|
|
2094
|
+
// @ts-ignore
|
|
2072
2095
|
v({ class: "text-xl font-bold" }, t.title),
|
|
2096
|
+
// @ts-ignore
|
|
2073
2097
|
b({ class: "pb-8 text-muted-foreground" }, t.description || ""),
|
|
2074
2098
|
...e
|
|
2075
2099
|
])
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Div as a, Header as l, H1 as r, P as c } from "@base-framework/atoms";
|
|
2
2
|
import { Component as i, Atom as t } from "@base-framework/base";
|
|
3
|
-
import { F as o } from "./aside-template-
|
|
3
|
+
import { F as o } from "./aside-template-B9V-0xle.js";
|
|
4
4
|
class n extends i {
|
|
5
5
|
/**
|
|
6
6
|
* This will declare the props for the compiler.
|
|
@@ -109,24 +109,31 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
|
|
|
109
109
|
t && (a.value = t);
|
|
110
110
|
}, i = s((e) => n({
|
|
111
111
|
...e,
|
|
112
|
+
// @ts-ignore
|
|
112
113
|
class: `${$} ${e.class || ""}`.trim()
|
|
113
114
|
})), j = s((e) => i({
|
|
114
115
|
...e,
|
|
115
116
|
type: "tel",
|
|
117
|
+
// @ts-ignore
|
|
116
118
|
name: e.name || "Phone",
|
|
119
|
+
// @ts-ignore
|
|
117
120
|
label: e.label || "Phone",
|
|
118
121
|
placeholder: "(555) 555-5555",
|
|
122
|
+
// @ts-ignore
|
|
119
123
|
pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
|
|
120
124
|
keyup: P
|
|
121
125
|
})), q = s((e) => i({
|
|
122
126
|
...e,
|
|
123
127
|
type: "email",
|
|
128
|
+
// @ts-ignore
|
|
124
129
|
name: e.name || "Email",
|
|
130
|
+
// @ts-ignore
|
|
125
131
|
label: e.label || "Email",
|
|
126
132
|
placeholder: "Email address"
|
|
127
133
|
})), J = s((e) => g({
|
|
128
134
|
...e,
|
|
129
135
|
as: "textarea",
|
|
136
|
+
// @ts-ignore
|
|
130
137
|
class: `flex w-full h-24 px-3 py-2 text-sm ${r} ${l} ${o} ${c} ${e.class || ""}`.trim()
|
|
131
138
|
})), N = (e = {}) => h({ class: "flex items-center gap-x-2" }, [
|
|
132
139
|
n({
|
|
@@ -138,22 +145,27 @@ const v = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
|
|
|
138
145
|
]), R = s((e) => n({
|
|
139
146
|
...e,
|
|
140
147
|
type: "date",
|
|
148
|
+
// @ts-ignore
|
|
141
149
|
class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
142
150
|
})), U = s((e) => n({
|
|
143
151
|
...e,
|
|
144
152
|
type: "time",
|
|
153
|
+
// @ts-ignore
|
|
145
154
|
class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
146
155
|
})), W = s((e) => n({
|
|
147
156
|
...e,
|
|
148
157
|
type: "datetime-local",
|
|
158
|
+
// @ts-ignore
|
|
149
159
|
class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
150
160
|
})), z = s((e) => n({
|
|
151
161
|
...e,
|
|
152
162
|
type: "month",
|
|
163
|
+
// @ts-ignore
|
|
153
164
|
class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
154
165
|
})), A = s((e) => n({
|
|
155
166
|
...e,
|
|
156
167
|
type: "week",
|
|
168
|
+
// @ts-ignore
|
|
157
169
|
class: `${r} ${l} ${o} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
158
170
|
})), B = s((e) => i({
|
|
159
171
|
...e,
|
|
@@ -175,15 +187,18 @@ const K = s((e) => i({
|
|
|
175
187
|
})), X = s((e) => n({
|
|
176
188
|
...e,
|
|
177
189
|
type: "color",
|
|
190
|
+
// @ts-ignore
|
|
178
191
|
class: `${r} text-foreground p-0 ${c} ${e.class || ""}`.trim()
|
|
179
192
|
}));
|
|
180
193
|
s((e) => m({
|
|
181
194
|
...e,
|
|
195
|
+
// @ts-ignore
|
|
182
196
|
class: `flex h-4 w-4 text-foreground ${r} ${l} ${c} ${e.class || ""}`.trim()
|
|
183
197
|
}));
|
|
184
198
|
const F = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Y = s((e) => n({
|
|
185
199
|
...e,
|
|
186
200
|
type: "file",
|
|
201
|
+
// @ts-ignore
|
|
187
202
|
class: `${$} ${F} ${e.class || ""}`.trim()
|
|
188
203
|
}));
|
|
189
204
|
class L extends I {
|
package/dist/index.es.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
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-
|
|
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-
|
|
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-
|
|
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-BFST5Fcz.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-Dxnuce2_.js";
|
|
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-T4fJLqgd.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-
|
|
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-
|
|
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-
|
|
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-
|
|
10
|
-
import { S as Ze } from "./sidebar-menu-
|
|
11
|
-
import { B as as, F as es, M as ss, P as os } from "./full-page-
|
|
12
|
-
import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-
|
|
13
|
-
import { A as ds, F as us, M as cs, T as gs, a as Ts } from "./aside-template-
|
|
14
|
-
import { B as Is } from "./bside-template-
|
|
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-BeE1e4GL.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-Dbk3_QiK.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-o4xFn_he.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-0Aq2acIa.js";
|
|
10
|
+
import { S as Ze } from "./sidebar-menu-BFlRN7Am.js";
|
|
11
|
+
import { B as as, F as es, M as ss, P as os } from "./full-page-CgVI1G7F.js";
|
|
12
|
+
import { B as rs, C as ns, F as is, a as ls, S as ps } from "./sidebar-menu-page-CmgdfPy4.js";
|
|
13
|
+
import { A as ds, F as us, M as cs, T as gs, a as Ts } from "./aside-template-B9V-0xle.js";
|
|
14
|
+
import { B as Is } from "./bside-template-oLChzjxQ.js";
|
|
15
15
|
import { F as bs, c as Ds } from "./format-DE4rFWuD.js";
|
|
16
16
|
import { I as Fs } from "./image-scaler-1G-JzJVG.js";
|
|
17
17
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Button as k, Div as l, Label as g, Span as b, Ul as r, H4 as w, Nav as u, H3 as d, OnState as S, UseParent as B } from "@base-framework/atoms";
|
|
2
2
|
import { Component as n, Atom as i, NavLink as N, router as L } from "@base-framework/base";
|
|
3
|
-
import { U as o, B as h } from "./buttons-
|
|
3
|
+
import { U as o, B as h } from "./buttons-Dxnuce2_.js";
|
|
4
4
|
import { Icons as c } from "./icons.es.js";
|
|
5
5
|
class C extends n {
|
|
6
6
|
/**
|
package/dist/molecules.es.js
CHANGED
|
@@ -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-
|
|
2
|
-
import { A as X, P as Y, m as Z } from "./simple-search-input-
|
|
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-BeE1e4GL.js";
|
|
2
|
+
import { A as X, P as Y, m as Z } from "./simple-search-input-Dbk3_QiK.js";
|
|
3
3
|
export {
|
|
4
4
|
s as Alert,
|
|
5
5
|
X as Avatar,
|
package/dist/organisms.es.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
4
|
-
import { S as ba } from "./sidebar-menu-
|
|
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-Dbk3_QiK.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-o4xFn_he.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-0Aq2acIa.js";
|
|
4
|
+
import { S as ba } from "./sidebar-menu-BFlRN7Am.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
|
-
import { B as s, F as P, M as g, P as n } from "./full-page-
|
|
2
|
-
import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-
|
|
1
|
+
import { B as s, F as P, M as g, P as n } from "./full-page-CgVI1G7F.js";
|
|
2
|
+
import { B as r, C as o, F as i, a as t, S as F } from "./sidebar-menu-page-CmgdfPy4.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-
|
|
2
|
+
import { I as n } from "./mobile-nav-wrapper-0Aq2acIa.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
|
-
import { B as a, M as i, P as r } from "./full-page-
|
|
3
|
-
import { F as l, A as n } from "./aside-template-
|
|
4
|
-
import { b as d } from "./mobile-nav-wrapper-
|
|
5
|
-
import { S as o } from "./sidebar-menu-
|
|
2
|
+
import { B as a, M as i, P as r } from "./full-page-CgVI1G7F.js";
|
|
3
|
+
import { F as l, A as n } from "./aside-template-B9V-0xle.js";
|
|
4
|
+
import { b as d } from "./mobile-nav-wrapper-0Aq2acIa.js";
|
|
5
|
+
import { S as o } from "./sidebar-menu-BFlRN7Am.js";
|
|
6
6
|
class p extends a {
|
|
7
7
|
/**
|
|
8
8
|
* This will render the page.
|
|
@@ -1,9 +1,9 @@
|
|
|
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-
|
|
3
|
+
import { B as C } from "./buttons-Dxnuce2_.js";
|
|
4
4
|
import { Icons as D } from "./icons.es.js";
|
|
5
|
-
import { O as A } from "./simple-search-input-
|
|
6
|
-
import { V as u, H as F } from "./image-
|
|
5
|
+
import { O as A } from "./simple-search-input-Dbk3_QiK.js";
|
|
6
|
+
import { V as u, H as F } from "./image-T4fJLqgd.js";
|
|
7
7
|
import { IntervalTimer as O } from "@base-framework/organisms";
|
|
8
8
|
class Pt extends k {
|
|
9
9
|
/**
|