@base-framework/ui 1.0.1727 → 1.0.2000
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/copilot.md +80 -0
- package/dist/aside-template-sUm-F2f0.js +44 -0
- package/dist/atoms.es.js +31 -30
- package/dist/{bside-template-Du2m3rsE.js → bside-template-do_hXebn.js} +1 -1
- package/dist/{buttons-Cm9etaEG.js → buttons-CHEs54Wl.js} +23 -24
- package/dist/{confirmation-BxmDhBjv.js → empty-state-BfT4MKkN.js} +721 -335
- package/dist/form-group-CJzpq9Us.js +29 -0
- package/dist/format-BLolnx9j.js +122 -0
- package/dist/icons.es.js +4 -1
- package/dist/image-scaler-1G-JzJVG.js +530 -0
- package/dist/index.es.js +170 -151
- package/dist/inputs-9udyzkHR.js +210 -0
- package/dist/{mobile-nav-wrapper-Dj67Pb8l.js → mobile-nav-wrapper-Dm9DinRD.js} +2 -2
- package/dist/molecules.es.js +46 -39
- package/dist/organisms.es.js +55 -49
- package/dist/pages.es.js +1 -1
- package/dist/range-calendar-BMWSJTE0.js +833 -0
- package/dist/{sidebar-menu-page-BVryQj2Z.js → sidebar-menu-page-D4WMgz5U.js} +6 -6
- package/dist/{signature-panel-xXbYWejE.js → signature-panel-CcRmukPe.js} +598 -252
- package/dist/templates.es.js +2 -2
- package/dist/{tooltip-CESEqMCU.js → tooltip-PupzYM1r.js} +27 -34
- package/dist/types/components/atoms/atoms.d.ts +1 -0
- package/dist/types/components/atoms/form/form-group.d.ts +12 -0
- package/dist/types/components/atoms/form/inputs/input-classes.d.ts +2 -2
- package/dist/types/components/atoms/form/inputs/inputs.d.ts +0 -7
- package/dist/types/components/molecules/date-time/date-range-picker.d.ts +10 -0
- package/dist/types/components/molecules/empty/empty-state.d.ts +9 -0
- package/dist/types/components/molecules/files/attachment/attachment-input.d.ts +9 -0
- package/dist/types/components/molecules/files/attachment/attachment.d.ts +10 -0
- package/dist/types/components/molecules/files/attachment/orientation.d.ts +1 -0
- package/dist/types/components/molecules/files/attachment/type.d.ts +1 -0
- package/dist/types/components/molecules/form/form-card.d.ts +31 -0
- package/dist/types/components/molecules/image/image-uploader.d.ts +9 -0
- package/dist/types/components/molecules/image/logo-uploader.d.ts +9 -0
- package/dist/types/components/molecules/molecules.d.ts +5 -0
- package/dist/types/components/molecules/notifications/notification.d.ts +3 -3
- package/dist/types/components/organisms/calendar/calendar.d.ts +6 -0
- package/dist/types/components/organisms/calendar/month/calendar-header.d.ts +7 -0
- package/dist/types/components/organisms/calendar/month-selector.d.ts +5 -0
- package/dist/types/components/organisms/calendar/range/calendar-header.d.ts +7 -0
- package/dist/types/components/organisms/calendar/range/day-header.d.ts +1 -0
- package/dist/types/components/organisms/calendar/range/days-of-week-header.d.ts +1 -0
- package/dist/types/components/organisms/calendar/range/month-calendar.d.ts +17 -0
- package/dist/types/components/organisms/calendar/range/month-selector.d.ts +5 -0
- package/dist/types/components/organisms/calendar/range/navigation-button.d.ts +1 -0
- package/dist/types/components/organisms/calendar/range/range-calendar.d.ts +72 -0
- package/dist/types/components/organisms/calendar/range/range-day-cell.d.ts +10 -0
- package/dist/types/components/organisms/calendar/range/range-days-grid.d.ts +6 -0
- package/dist/types/components/organisms/calendar/range/range-toggle.d.ts +7 -0
- package/dist/types/components/organisms/calendar/range/year-selector.d.ts +4 -0
- package/dist/types/components/organisms/calendar/year-selector.d.ts +5 -0
- package/dist/types/components/organisms/lists/data-table-body.d.ts +1 -1
- package/dist/types/components/organisms/lists/data-table.d.ts +7 -0
- package/dist/types/components/organisms/lists/dynamic-data-table.d.ts +2 -0
- package/dist/types/components/organisms/lists/dynamic-table.d.ts +2 -0
- package/dist/types/components/organisms/lists/scrollable-data-table.d.ts +2 -0
- package/dist/types/components/organisms/lists/scrollable-table.d.ts +2 -0
- package/dist/types/components/organisms/lists/skeleton-examples.d.ts +12 -0
- package/dist/types/components/organisms/lists/skeleton-table-row.d.ts +6 -0
- package/dist/types/components/organisms/organisms.d.ts +6 -0
- package/dist/types/components/organisms/tabs/button-tab.d.ts +2 -2
- package/dist/types/components/organisms/tabs/tab-group.d.ts +3 -3
- package/dist/types/components/organisms/tabs/tab-navigation.d.ts +2 -2
- package/dist/types/components/organisms/tabs/tab.d.ts +2 -2
- package/dist/types/components/organisms/tabs/underlined-button-tab.d.ts +60 -0
- package/dist/types/components/organisms/tabs/underlined-tab-group.d.ts +48 -0
- package/dist/types/components/organisms/tabs/underlined-tab-navigation.d.ts +63 -0
- package/dist/types/components/organisms/tabs/underlined-tab.d.ts +36 -0
- package/dist/types/demo.d.ts +0 -0
- package/dist/types/ui.d.ts +1 -0
- package/dist/types/utils/format/format.d.ts +78 -0
- package/dist/types/utils/utils.d.ts +2 -0
- package/dist/utils.es.js +7 -1
- package/dist/veil-CqnAmj-D.js +20 -0
- package/package.json +85 -85
- package/dist/aside-template-McEj_Gxc.js +0 -35
- package/dist/calendar-DQXME-2u.js +0 -440
- package/dist/inputs-Dmu4Z-7-.js +0 -209
- package/dist/veil-D4dRxILB.js +0 -21
package/dist/index.es.js
CHANGED
|
@@ -1,158 +1,177 @@
|
|
|
1
|
-
import { B as
|
|
2
|
-
import { B as
|
|
3
|
-
import { C as
|
|
4
|
-
import {
|
|
1
|
+
import { B as s, C as o, F as t, L as r, P as n, R as l, S as i, a as p, T as d } from "./tooltip-PupzYM1r.js";
|
|
2
|
+
import { B as u, I as g, L as C } from "./buttons-CHEs54Wl.js";
|
|
3
|
+
import { C as T, F as b } from "./form-group-CJzpq9Us.js";
|
|
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
|
+
import { V as w, a as A } from "./veil-CqnAmj-D.js";
|
|
5
6
|
import { Icons as O } from "./icons.es.js";
|
|
6
|
-
import { A as
|
|
7
|
-
import { A as
|
|
8
|
-
import { B as
|
|
9
|
-
import { B as
|
|
10
|
-
import { B as
|
|
11
|
-
import { A as
|
|
12
|
-
import { B as
|
|
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-BfT4MKkN.js";
|
|
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-CcRmukPe.js";
|
|
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
|
+
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
|
+
import { A as ss, F as os, M as ts, a as rs, T as ns } from "./aside-template-sUm-F2f0.js";
|
|
13
|
+
import { B as is } from "./bside-template-do_hXebn.js";
|
|
14
|
+
import { F as ds, c as ms } from "./format-BLolnx9j.js";
|
|
15
|
+
import { I as gs } from "./image-scaler-1G-JzJVG.js";
|
|
13
16
|
export {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
17
|
+
V as Alert,
|
|
18
|
+
ss as AsideTemplate,
|
|
19
|
+
Ha as Avatar,
|
|
20
|
+
Qa as BackButton,
|
|
21
|
+
he as Backdrop,
|
|
22
|
+
s as Badge,
|
|
23
|
+
ze as BasicPage,
|
|
24
|
+
Ke as BlankPage,
|
|
25
|
+
j as Breadcrumb,
|
|
26
|
+
is as BsideTemplate,
|
|
27
|
+
u as Button,
|
|
28
|
+
_a as ButtonTab,
|
|
29
|
+
Ra as Calendar,
|
|
30
|
+
wa as CalendarCells,
|
|
31
|
+
T as Card,
|
|
32
|
+
Qe as CenterPage,
|
|
33
|
+
I as Checkbox,
|
|
34
|
+
Xa as CheckboxCol,
|
|
35
|
+
o as CircleGraph,
|
|
36
|
+
S as ColorInput,
|
|
37
|
+
q as ColumnRow,
|
|
38
|
+
J as Combobox,
|
|
36
39
|
z as Confirmation,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
sa as
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
ia as
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
40
|
+
K as CountDisplay,
|
|
41
|
+
Q as Counter,
|
|
42
|
+
Ya as DataTable,
|
|
43
|
+
Za as DataTableBody,
|
|
44
|
+
F as DateInput,
|
|
45
|
+
_ as DatePicker,
|
|
46
|
+
X as DateRangePicker,
|
|
47
|
+
B as DateTimeInput,
|
|
48
|
+
Aa as DayCell,
|
|
49
|
+
Ga as DayHeader,
|
|
50
|
+
Y as DelayComponent,
|
|
51
|
+
Z as DetailBody,
|
|
52
|
+
$ as DetailSection,
|
|
53
|
+
aa as Dialog,
|
|
54
|
+
ea as DialogContainer,
|
|
55
|
+
$a as DockableOverlay,
|
|
56
|
+
sa as DotsIndicator,
|
|
57
|
+
oa as Dropdown,
|
|
58
|
+
ta as DropdownItem,
|
|
59
|
+
ra as DropdownMenu,
|
|
60
|
+
ae as DynamicDataTable,
|
|
61
|
+
P as EmailInput,
|
|
62
|
+
na as EmptyState,
|
|
63
|
+
t as Fieldset,
|
|
64
|
+
k as FileInput,
|
|
65
|
+
la as Form,
|
|
66
|
+
ia as FormCard,
|
|
67
|
+
pa as FormCardContent,
|
|
68
|
+
da as FormCardGroup,
|
|
69
|
+
ma as FormControl,
|
|
70
|
+
ua as FormDescription,
|
|
71
|
+
ga as FormField,
|
|
72
|
+
b as FormGroup,
|
|
73
|
+
Ca as FormItem,
|
|
74
|
+
ca as FormLabel,
|
|
75
|
+
Ta as FormMessage,
|
|
76
|
+
ds as Format,
|
|
77
|
+
Oa as FormatDate,
|
|
78
|
+
_e as FullContainPage,
|
|
79
|
+
Xe as FullPage,
|
|
80
|
+
os as FullTemplate,
|
|
81
|
+
Ye as FullscreenPage,
|
|
82
|
+
ee as HeaderCol,
|
|
83
|
+
M as HiddenInput,
|
|
84
|
+
g as Icon,
|
|
75
85
|
O as Icons,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
86
|
+
gs as ImageScaler,
|
|
87
|
+
ba as ImageUploader,
|
|
88
|
+
Ue as InlineNavigation,
|
|
89
|
+
se as InlineOverlay,
|
|
90
|
+
x as Input,
|
|
91
|
+
r as Legend,
|
|
92
|
+
C as LoadingButton,
|
|
93
|
+
Da as LogoUploader,
|
|
94
|
+
ts as MainColumn,
|
|
95
|
+
Le as MainLink,
|
|
96
|
+
Ze as MainSection,
|
|
97
|
+
Ia as MinusButton,
|
|
98
|
+
We as MobileNavButton,
|
|
99
|
+
He as MobileNavWrapper,
|
|
100
|
+
Sa as Modal,
|
|
101
|
+
Ea as MonthCalendar,
|
|
102
|
+
f as MonthInput,
|
|
103
|
+
Re as NavButton,
|
|
104
|
+
we as NavButtonLink,
|
|
105
|
+
Ae as Navigation,
|
|
106
|
+
Ge as NavigationGroup,
|
|
107
|
+
oe as NavigationMenu,
|
|
108
|
+
Oe as NavigationPopover,
|
|
109
|
+
Fa as Notification,
|
|
110
|
+
Ba as NotificationContainer,
|
|
111
|
+
v as NumberInput,
|
|
112
|
+
te as Overlay,
|
|
113
|
+
$e as Page,
|
|
114
|
+
re as Panel,
|
|
115
|
+
N as PasswordInput,
|
|
116
|
+
Pa as PlusButton,
|
|
117
|
+
Va as PopOver,
|
|
118
|
+
Ee as PopupHeader,
|
|
119
|
+
n as ProgressBar,
|
|
120
|
+
y as Radio,
|
|
121
|
+
ja as RangeCalendar,
|
|
108
122
|
l as RangeSlider,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
123
|
+
ka as STATUSES,
|
|
124
|
+
Ma as STATUS_CLASS,
|
|
125
|
+
ne as ScrollableDataTable,
|
|
126
|
+
le as SearchDropdown,
|
|
127
|
+
ie as SearchInput,
|
|
128
|
+
i as Select,
|
|
129
|
+
Ve as SidebarMenu,
|
|
130
|
+
as as SidebarMenuPage,
|
|
131
|
+
pe as SignaturePanel,
|
|
132
|
+
p as Skeleton,
|
|
133
|
+
xa as SplitRow,
|
|
134
|
+
fa as StaticStatusIndicator,
|
|
135
|
+
va as StatusIndicator,
|
|
136
|
+
je as SubNavigation,
|
|
137
|
+
de as Tab,
|
|
138
|
+
me as TabGroup,
|
|
139
|
+
ue as TabNavigation,
|
|
140
|
+
ge as TableHeader,
|
|
141
|
+
h as TelInput,
|
|
142
|
+
rs as Template,
|
|
143
|
+
U as Textarea,
|
|
144
|
+
Na as ThemeToggle,
|
|
145
|
+
ya as TimeFrame,
|
|
146
|
+
L as TimeInput,
|
|
147
|
+
ha as TimePicker,
|
|
148
|
+
qe as TitleHeader,
|
|
149
|
+
Ua as Toggle,
|
|
150
|
+
d as Tooltip,
|
|
151
|
+
ns as TopBar,
|
|
152
|
+
Ce as UnderlinedButtonTab,
|
|
153
|
+
ce as UnderlinedTab,
|
|
154
|
+
Te as UnderlinedTabGroup,
|
|
155
|
+
be as UnderlinedTabNavigation,
|
|
156
|
+
W as UrlInput,
|
|
157
|
+
De as UserList,
|
|
158
|
+
Ie as UserListItem,
|
|
141
159
|
w as Veil,
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
ms as
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
160
|
+
A as VeilJot,
|
|
161
|
+
Se as WeekCalendar,
|
|
162
|
+
Fe as WeekCell,
|
|
163
|
+
Be as WeekCells,
|
|
164
|
+
Pe as WeekHeader,
|
|
165
|
+
H as WeekInput,
|
|
166
|
+
qa as addTime,
|
|
167
|
+
ke as calculateWeekNumber,
|
|
168
|
+
ms as createWatcherCallback,
|
|
169
|
+
Me as generateWeeks,
|
|
170
|
+
xe as getDateFromWeek,
|
|
171
|
+
fe as getMonthDays,
|
|
172
|
+
ve as getNextMonthDays,
|
|
173
|
+
Ja as getPosition,
|
|
174
|
+
Ne as getPreviousMonthDays,
|
|
175
|
+
La as getStatusClass,
|
|
176
|
+
za as pad
|
|
158
177
|
};
|
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
import { Div as u, Label as h, Checkbox as m, Span as $, OnState as p, I as x, Input as r, Textarea as k } from "@base-framework/atoms";
|
|
2
|
+
import { Jot as g, Atom as s } from "@base-framework/base";
|
|
3
|
+
import { Icons as y } from "./icons.es.js";
|
|
4
|
+
const I = "flex h-10 w-full px-3 py-2 text-sm", n = "rounded-md border border-border bg-input", o = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", a = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", l = "placeholder:text-muted-foreground", f = `${I} ${n} ${o} ${l} ${a}`, C = ({ id: e, checked: c, bind: t, required: d }) => m({
|
|
5
|
+
id: e,
|
|
6
|
+
cache: "checkbox",
|
|
7
|
+
class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
|
|
8
|
+
aria: {
|
|
9
|
+
checked: ["checked"]
|
|
10
|
+
},
|
|
11
|
+
required: d,
|
|
12
|
+
checked: c,
|
|
13
|
+
bind: t
|
|
14
|
+
}), v = () => $({ class: "absolute text-xs pointer-events-none" }, [
|
|
15
|
+
p(
|
|
16
|
+
"checked",
|
|
17
|
+
(e) => e ? x({
|
|
18
|
+
class: "w-2 h-2 pointer-events-none",
|
|
19
|
+
html: y.check
|
|
20
|
+
}) : null
|
|
21
|
+
)
|
|
22
|
+
]), w = ({ id: e, bind: c, checked: t, required: d, clickHandler: b }) => u({
|
|
23
|
+
class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
|
|
24
|
+
rounded-md border
|
|
25
|
+
${o}
|
|
26
|
+
${a}`.trim(),
|
|
27
|
+
onState: [
|
|
28
|
+
"checked",
|
|
29
|
+
{
|
|
30
|
+
"bg-primary": !0,
|
|
31
|
+
"text-primary-foreground": !0,
|
|
32
|
+
"border-primary": !0
|
|
33
|
+
}
|
|
34
|
+
],
|
|
35
|
+
role: "checkbox",
|
|
36
|
+
aria: {
|
|
37
|
+
checked: ["checked"]
|
|
38
|
+
},
|
|
39
|
+
tabIndex: 0,
|
|
40
|
+
click: b
|
|
41
|
+
}, [
|
|
42
|
+
C({ bind: c, checked: t, id: e, required: d }),
|
|
43
|
+
v()
|
|
44
|
+
]), T = ({ id: e, label: c, clickHandler: t }) => h({
|
|
45
|
+
class: "text-base cursor-pointer",
|
|
46
|
+
htmlFor: e,
|
|
47
|
+
click: t
|
|
48
|
+
}, c), L = g(
|
|
49
|
+
{
|
|
50
|
+
/**
|
|
51
|
+
* This will initialize the state of the checkbox.
|
|
52
|
+
*
|
|
53
|
+
* @returns {object}
|
|
54
|
+
*/
|
|
55
|
+
state() {
|
|
56
|
+
return {
|
|
57
|
+
// @ts-ignore
|
|
58
|
+
checked: this.checked ?? !1
|
|
59
|
+
};
|
|
60
|
+
},
|
|
61
|
+
/**
|
|
62
|
+
* This is added to check the checkbox after the component is rendered
|
|
63
|
+
* to see if the bind updated the checked value.
|
|
64
|
+
*
|
|
65
|
+
* @returns {void}
|
|
66
|
+
*/
|
|
67
|
+
after() {
|
|
68
|
+
this.state.checked = this.checkbox.checked;
|
|
69
|
+
},
|
|
70
|
+
/**
|
|
71
|
+
* This will handle the click event for the checkbox.
|
|
72
|
+
*
|
|
73
|
+
* @param {object} e
|
|
74
|
+
* @returns {void}
|
|
75
|
+
*/
|
|
76
|
+
clickHandler(e) {
|
|
77
|
+
e.preventDefault(), e.stopPropagation(), this.state.toggle("checked"), this.checkbox.checked = this.state.checked, typeof this.onChange == "function" && this.onChange(this.state.checked, this);
|
|
78
|
+
},
|
|
79
|
+
/**
|
|
80
|
+
* This will render the checkbox component.
|
|
81
|
+
*
|
|
82
|
+
* @returns {object}
|
|
83
|
+
*/
|
|
84
|
+
render() {
|
|
85
|
+
const e = this.getId(), c = (t) => this.clickHandler(t);
|
|
86
|
+
return u({ class: `flex items-center gap-x-2 cursor-pointer ${this.class || ""}` }, [
|
|
87
|
+
w({
|
|
88
|
+
id: e,
|
|
89
|
+
// @ts-ignore
|
|
90
|
+
bind: this.bind,
|
|
91
|
+
// @ts-ignore
|
|
92
|
+
checked: this.state.checked,
|
|
93
|
+
// @ts-ignore
|
|
94
|
+
required: this.required,
|
|
95
|
+
// @ts-ignore
|
|
96
|
+
clickHandler: c
|
|
97
|
+
}),
|
|
98
|
+
// @ts-ignore
|
|
99
|
+
this.label && T({ id: e, label: this.label, clickHandler: c })
|
|
100
|
+
]);
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
), H = (e) => {
|
|
104
|
+
if (!e || e.length === 0) return "";
|
|
105
|
+
const t = e.replace(/\D/g, "").match(/^(\d{0,3})(\d{0,3})(\d{0,4})$/);
|
|
106
|
+
return t ? t[2] ? `(${t[1]}) ${t[2]}${t[3] ? "-" + t[3] : ""}` : t[1] || "" : e;
|
|
107
|
+
}, D = (e) => {
|
|
108
|
+
const c = e.target, t = H(c.value);
|
|
109
|
+
t && (c.value = t);
|
|
110
|
+
}, i = s((e) => r({
|
|
111
|
+
...e,
|
|
112
|
+
class: `${f} ${e.class || ""}`.trim()
|
|
113
|
+
})), M = s((e) => i({
|
|
114
|
+
...e,
|
|
115
|
+
type: "tel",
|
|
116
|
+
name: e.name || "Phone",
|
|
117
|
+
label: e.label || "Phone",
|
|
118
|
+
placeholder: "(555) 555-5555",
|
|
119
|
+
pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
|
|
120
|
+
keyup: D
|
|
121
|
+
})), S = s((e) => i({
|
|
122
|
+
...e,
|
|
123
|
+
type: "email",
|
|
124
|
+
name: e.name || "Email",
|
|
125
|
+
label: e.label || "Email",
|
|
126
|
+
placeholder: "Email address"
|
|
127
|
+
})), q = s((e) => k({
|
|
128
|
+
...e,
|
|
129
|
+
as: "textarea",
|
|
130
|
+
class: `flex w-full h-24 px-3 py-2 text-sm ${n} ${o} ${l} ${a} ${e.class || ""}`.trim()
|
|
131
|
+
})), R = (e = {}) => u({ class: "flex items-center gap-x-2" }, [
|
|
132
|
+
r({
|
|
133
|
+
...e,
|
|
134
|
+
type: "radio",
|
|
135
|
+
class: "cursor-pointer appearance-none h-4 w-4 border rounded-full checked:border-primary checked:bg-primary focus:ring focus:ring-primary".trim()
|
|
136
|
+
}),
|
|
137
|
+
e.label && h({ forHTML: e.value, class: "cursor-pointer" }, e.label)
|
|
138
|
+
]), U = s((e) => r({
|
|
139
|
+
...e,
|
|
140
|
+
type: "date",
|
|
141
|
+
class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
142
|
+
})), W = s((e) => r({
|
|
143
|
+
...e,
|
|
144
|
+
type: "time",
|
|
145
|
+
class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
146
|
+
})), j = s((e) => r({
|
|
147
|
+
...e,
|
|
148
|
+
type: "datetime-local",
|
|
149
|
+
class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
150
|
+
})), z = s((e) => r({
|
|
151
|
+
...e,
|
|
152
|
+
type: "month",
|
|
153
|
+
class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
154
|
+
})), A = s((e) => r({
|
|
155
|
+
...e,
|
|
156
|
+
type: "week",
|
|
157
|
+
class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
158
|
+
})), B = s((e) => i({
|
|
159
|
+
...e,
|
|
160
|
+
type: "number"
|
|
161
|
+
})), J = s((e) => i({
|
|
162
|
+
...e,
|
|
163
|
+
type: "password"
|
|
164
|
+
}));
|
|
165
|
+
s((e) => i({
|
|
166
|
+
...e,
|
|
167
|
+
type: "search"
|
|
168
|
+
}));
|
|
169
|
+
const O = s((e) => i({
|
|
170
|
+
...e,
|
|
171
|
+
type: "url"
|
|
172
|
+
})), G = s((e) => i({
|
|
173
|
+
...e,
|
|
174
|
+
type: "hidden"
|
|
175
|
+
})), K = s((e) => r({
|
|
176
|
+
...e,
|
|
177
|
+
type: "color",
|
|
178
|
+
class: `${n} text-foreground p-0 ${a} ${e.class || ""}`.trim()
|
|
179
|
+
}));
|
|
180
|
+
s((e) => m({
|
|
181
|
+
...e,
|
|
182
|
+
class: `flex h-4 w-4 text-foreground ${n} ${o} ${a} ${e.class || ""}`.trim()
|
|
183
|
+
}));
|
|
184
|
+
const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Q = s((e) => r({
|
|
185
|
+
...e,
|
|
186
|
+
type: "file",
|
|
187
|
+
class: `${f} ${E} ${e.class || ""}`.trim()
|
|
188
|
+
}));
|
|
189
|
+
export {
|
|
190
|
+
L as C,
|
|
191
|
+
U as D,
|
|
192
|
+
S as E,
|
|
193
|
+
Q as F,
|
|
194
|
+
G as H,
|
|
195
|
+
i as I,
|
|
196
|
+
z as M,
|
|
197
|
+
B as N,
|
|
198
|
+
J as P,
|
|
199
|
+
R,
|
|
200
|
+
M as T,
|
|
201
|
+
O as U,
|
|
202
|
+
A as W,
|
|
203
|
+
q as a,
|
|
204
|
+
W as b,
|
|
205
|
+
j as c,
|
|
206
|
+
K as d,
|
|
207
|
+
a as e,
|
|
208
|
+
o as f,
|
|
209
|
+
f as g
|
|
210
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Button as S, I as B, Label as N, Span as L, Ul as o, H4 as C, Nav as p, Div as l, Header as y, H1 as P, H3 as h, OnState as I, UseParent as $ } from "@base-framework/atoms";
|
|
2
2
|
import { Component as n, Atom as i, NavLink as H, router as d } from "@base-framework/base";
|
|
3
|
-
import { I as f, B as x } from "./buttons-
|
|
3
|
+
import { I as f, B as x } from "./buttons-CHEs54Wl.js";
|
|
4
4
|
import { Icons as r } from "./icons.es.js";
|
|
5
5
|
class M extends n {
|
|
6
6
|
/**
|
|
@@ -356,7 +356,7 @@ class W extends c {
|
|
|
356
356
|
this.parentLink.update(t);
|
|
357
357
|
}
|
|
358
358
|
}
|
|
359
|
-
const V = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: u = !1, topNav: b = null, bottomNav: w = null }) => l({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px]
|
|
359
|
+
const V = ({ title: s, options: e, class: t = "", mobileBorder: a = !1, sticky: u = !1, topNav: b = null, bottomNav: w = null }) => l({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] flex-auto flex-col ${t}` }, [
|
|
360
360
|
b,
|
|
361
361
|
s && y({ class: "pb-4 md:pb-2 px-6 flex" }, [
|
|
362
362
|
P({ class: "scroll-m-20 text-3xl lg:text-2xl font-bold tracking-tight" }, s)
|
package/dist/molecules.es.js
CHANGED
|
@@ -1,46 +1,53 @@
|
|
|
1
|
-
import { A as
|
|
2
|
-
import { A as
|
|
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-BfT4MKkN.js";
|
|
2
|
+
import { A as W, P as X, g as Y } from "./range-calendar-BMWSJTE0.js";
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
s as Alert,
|
|
5
|
+
W as Avatar,
|
|
6
6
|
t as Breadcrumb,
|
|
7
7
|
e as ColumnRow,
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
r as Combobox,
|
|
9
|
+
i as Confirmation,
|
|
10
10
|
n as CountDisplay,
|
|
11
11
|
m as Counter,
|
|
12
12
|
l as DatePicker,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
F as
|
|
22
|
-
T as
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
E as
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
13
|
+
d as DateRangePicker,
|
|
14
|
+
C as DelayComponent,
|
|
15
|
+
p as DetailBody,
|
|
16
|
+
S as DetailSection,
|
|
17
|
+
g as Dialog,
|
|
18
|
+
u as DialogContainer,
|
|
19
|
+
D as DotsIndicator,
|
|
20
|
+
c as Dropdown,
|
|
21
|
+
F as DropdownItem,
|
|
22
|
+
T as DropdownMenu,
|
|
23
|
+
P as EmptyState,
|
|
24
|
+
A as Form,
|
|
25
|
+
I as FormCard,
|
|
26
|
+
f as FormCardContent,
|
|
27
|
+
w as FormCardGroup,
|
|
28
|
+
b as FormControl,
|
|
29
|
+
y as FormDescription,
|
|
30
|
+
B as FormField,
|
|
31
|
+
M as FormItem,
|
|
32
|
+
k as FormLabel,
|
|
33
|
+
x as FormMessage,
|
|
34
|
+
L as ImageUploader,
|
|
35
|
+
R as LogoUploader,
|
|
36
|
+
U as MinusButton,
|
|
37
|
+
v as Modal,
|
|
38
|
+
E as Notification,
|
|
39
|
+
N as NotificationContainer,
|
|
40
|
+
h as PlusButton,
|
|
41
|
+
X as PopOver,
|
|
42
|
+
G as STATUSES,
|
|
43
|
+
O as STATUS_CLASS,
|
|
44
|
+
j as SplitRow,
|
|
45
|
+
q as StaticStatusIndicator,
|
|
46
|
+
z as StatusIndicator,
|
|
47
|
+
H as ThemeToggle,
|
|
48
|
+
J as TimeFrame,
|
|
49
|
+
K as TimePicker,
|
|
50
|
+
Q as Toggle,
|
|
51
|
+
Y as getPosition,
|
|
52
|
+
_ as getStatusClass
|
|
46
53
|
};
|