@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.
Files changed (79) hide show
  1. package/copilot.md +80 -0
  2. package/dist/aside-template-sUm-F2f0.js +44 -0
  3. package/dist/atoms.es.js +31 -30
  4. package/dist/{bside-template-Du2m3rsE.js → bside-template-do_hXebn.js} +1 -1
  5. package/dist/{buttons-Cm9etaEG.js → buttons-CHEs54Wl.js} +23 -24
  6. package/dist/{confirmation-BxmDhBjv.js → empty-state-BfT4MKkN.js} +721 -335
  7. package/dist/form-group-CJzpq9Us.js +29 -0
  8. package/dist/format-BLolnx9j.js +122 -0
  9. package/dist/icons.es.js +4 -1
  10. package/dist/image-scaler-1G-JzJVG.js +530 -0
  11. package/dist/index.es.js +170 -151
  12. package/dist/inputs-9udyzkHR.js +210 -0
  13. package/dist/{mobile-nav-wrapper-Dj67Pb8l.js → mobile-nav-wrapper-Dm9DinRD.js} +2 -2
  14. package/dist/molecules.es.js +46 -39
  15. package/dist/organisms.es.js +55 -49
  16. package/dist/pages.es.js +1 -1
  17. package/dist/range-calendar-BMWSJTE0.js +833 -0
  18. package/dist/{sidebar-menu-page-BVryQj2Z.js → sidebar-menu-page-D4WMgz5U.js} +6 -6
  19. package/dist/{signature-panel-xXbYWejE.js → signature-panel-CcRmukPe.js} +598 -252
  20. package/dist/templates.es.js +2 -2
  21. package/dist/{tooltip-CESEqMCU.js → tooltip-PupzYM1r.js} +27 -34
  22. package/dist/types/components/atoms/atoms.d.ts +1 -0
  23. package/dist/types/components/atoms/form/form-group.d.ts +12 -0
  24. package/dist/types/components/atoms/form/inputs/input-classes.d.ts +2 -2
  25. package/dist/types/components/atoms/form/inputs/inputs.d.ts +0 -7
  26. package/dist/types/components/molecules/date-time/date-range-picker.d.ts +10 -0
  27. package/dist/types/components/molecules/empty/empty-state.d.ts +9 -0
  28. package/dist/types/components/molecules/files/attachment/attachment-input.d.ts +9 -0
  29. package/dist/types/components/molecules/files/attachment/attachment.d.ts +10 -0
  30. package/dist/types/components/molecules/files/attachment/orientation.d.ts +1 -0
  31. package/dist/types/components/molecules/files/attachment/type.d.ts +1 -0
  32. package/dist/types/components/molecules/form/form-card.d.ts +31 -0
  33. package/dist/types/components/molecules/image/image-uploader.d.ts +9 -0
  34. package/dist/types/components/molecules/image/logo-uploader.d.ts +9 -0
  35. package/dist/types/components/molecules/molecules.d.ts +5 -0
  36. package/dist/types/components/molecules/notifications/notification.d.ts +3 -3
  37. package/dist/types/components/organisms/calendar/calendar.d.ts +6 -0
  38. package/dist/types/components/organisms/calendar/month/calendar-header.d.ts +7 -0
  39. package/dist/types/components/organisms/calendar/month-selector.d.ts +5 -0
  40. package/dist/types/components/organisms/calendar/range/calendar-header.d.ts +7 -0
  41. package/dist/types/components/organisms/calendar/range/day-header.d.ts +1 -0
  42. package/dist/types/components/organisms/calendar/range/days-of-week-header.d.ts +1 -0
  43. package/dist/types/components/organisms/calendar/range/month-calendar.d.ts +17 -0
  44. package/dist/types/components/organisms/calendar/range/month-selector.d.ts +5 -0
  45. package/dist/types/components/organisms/calendar/range/navigation-button.d.ts +1 -0
  46. package/dist/types/components/organisms/calendar/range/range-calendar.d.ts +72 -0
  47. package/dist/types/components/organisms/calendar/range/range-day-cell.d.ts +10 -0
  48. package/dist/types/components/organisms/calendar/range/range-days-grid.d.ts +6 -0
  49. package/dist/types/components/organisms/calendar/range/range-toggle.d.ts +7 -0
  50. package/dist/types/components/organisms/calendar/range/year-selector.d.ts +4 -0
  51. package/dist/types/components/organisms/calendar/year-selector.d.ts +5 -0
  52. package/dist/types/components/organisms/lists/data-table-body.d.ts +1 -1
  53. package/dist/types/components/organisms/lists/data-table.d.ts +7 -0
  54. package/dist/types/components/organisms/lists/dynamic-data-table.d.ts +2 -0
  55. package/dist/types/components/organisms/lists/dynamic-table.d.ts +2 -0
  56. package/dist/types/components/organisms/lists/scrollable-data-table.d.ts +2 -0
  57. package/dist/types/components/organisms/lists/scrollable-table.d.ts +2 -0
  58. package/dist/types/components/organisms/lists/skeleton-examples.d.ts +12 -0
  59. package/dist/types/components/organisms/lists/skeleton-table-row.d.ts +6 -0
  60. package/dist/types/components/organisms/organisms.d.ts +6 -0
  61. package/dist/types/components/organisms/tabs/button-tab.d.ts +2 -2
  62. package/dist/types/components/organisms/tabs/tab-group.d.ts +3 -3
  63. package/dist/types/components/organisms/tabs/tab-navigation.d.ts +2 -2
  64. package/dist/types/components/organisms/tabs/tab.d.ts +2 -2
  65. package/dist/types/components/organisms/tabs/underlined-button-tab.d.ts +60 -0
  66. package/dist/types/components/organisms/tabs/underlined-tab-group.d.ts +48 -0
  67. package/dist/types/components/organisms/tabs/underlined-tab-navigation.d.ts +63 -0
  68. package/dist/types/components/organisms/tabs/underlined-tab.d.ts +36 -0
  69. package/dist/types/demo.d.ts +0 -0
  70. package/dist/types/ui.d.ts +1 -0
  71. package/dist/types/utils/format/format.d.ts +78 -0
  72. package/dist/types/utils/utils.d.ts +2 -0
  73. package/dist/utils.es.js +7 -1
  74. package/dist/veil-CqnAmj-D.js +20 -0
  75. package/package.json +85 -85
  76. package/dist/aside-template-McEj_Gxc.js +0 -35
  77. package/dist/calendar-DQXME-2u.js +0 -440
  78. package/dist/inputs-Dmu4Z-7-.js +0 -209
  79. package/dist/veil-D4dRxILB.js +0 -21
package/dist/index.es.js CHANGED
@@ -1,158 +1,177 @@
1
- import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-CESEqMCU.js";
2
- import { B as g, I as T, L as c } from "./buttons-Cm9etaEG.js";
3
- import { C as D, d as b, 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 y, a as h, b as W, U as H, W as L } from "./inputs-Dmu4Z-7-.js";
4
- import { V as w, a as U } from "./veil-D4dRxILB.js";
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 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 Ta, P as ca, p as Ca, q as Da, S as ba, n as Sa, o as Ia, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./confirmation-BxmDhBjv.js";
7
- import { A as va, b as fa, C as xa, D as ya, a as ha, F as Wa, M as Ha, P as La, c as Aa, g as wa, p as Ua } from "./calendar-DQXME-2u.js";
8
- import { B as Oa, o as Ea, C as Ga, j as Va, D as ja, m as qa, k as za, H as Ja, I as _a, N as Ka, O as Qa, P as Xa, S as Ya, n as Za, s as $a, r as as, p as ss, q as es, T as os, l as ts, U as rs, W as ns, f as is, h as ls, i as ps, c as us, d as ms, b as ds, e as gs, a as Ts, g as cs } from "./signature-panel-xXbYWejE.js";
9
- import { B as Ds, I as bs, M as Ss, d as Is, e as Bs, g as Ps, N as Fs, b as Ms, a as ks, f as Ns, P as vs, c as fs, S as xs, T as ys } from "./mobile-nav-wrapper-Dj67Pb8l.js";
10
- import { B as Ws, a as Hs, C as Ls, F as As, b as ws, c as Us, M as Rs, P as Os, S as Es } from "./sidebar-menu-page-BVryQj2Z.js";
11
- import { A as Vs, F as js, M as qs, a as zs, T as Js } from "./aside-template-McEj_Gxc.js";
12
- import { B as Ks } from "./bside-template-Du2m3rsE.js";
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
- G as Alert,
15
- Vs as AsideTemplate,
16
- va as Avatar,
17
- Oa as BackButton,
18
- Ds as Backdrop,
19
- e as Badge,
20
- Ws as BasicPage,
21
- Hs as BlankPage,
22
- V as Breadcrumb,
23
- Ks as BsideTemplate,
24
- g as Button,
25
- Ea as ButtonTab,
26
- fa as Calendar,
27
- xa as CalendarCells,
28
- o as Card,
29
- Ls as CenterPage,
30
- D as Checkbox,
31
- Ga as CheckboxCol,
32
- t as CircleGraph,
33
- b as ColorInput,
34
- j as ColumnRow,
35
- q as Combobox,
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
- J as CountDisplay,
38
- _ as Counter,
39
- Va as DataTable,
40
- ja as DataTableBody,
41
- S as DateInput,
42
- K as DatePicker,
43
- I as DateTimeInput,
44
- ya as DayCell,
45
- ha as DayHeader,
46
- Q as DelayComponent,
47
- X as DetailBody,
48
- Y as DetailSection,
49
- Z as Dialog,
50
- $ as DialogContainer,
51
- qa as DockableOverlay,
52
- aa as DotsIndicator,
53
- sa as Dropdown,
54
- ea as DropdownItem,
55
- oa as DropdownMenu,
56
- za as DynamicDataTable,
57
- B as EmailInput,
58
- r as Fieldset,
59
- P as FileInput,
60
- ta as Form,
61
- ra as FormControl,
62
- na as FormDescription,
63
- ia as FormField,
64
- la as FormItem,
65
- pa as FormLabel,
66
- ua as FormMessage,
67
- Wa as FormatDate,
68
- As as FullContainPage,
69
- ws as FullPage,
70
- js as FullTemplate,
71
- Us as FullscreenPage,
72
- Ja as HeaderCol,
73
- F as HiddenInput,
74
- T as Icon,
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
- bs as InlineNavigation,
77
- _a as InlineOverlay,
78
- M as Input,
79
- n as Legend,
80
- c as LoadingButton,
81
- qs as MainColumn,
82
- Ss as MainLink,
83
- Rs as MainSection,
84
- ma as MinusButton,
85
- Is as MobileNavButton,
86
- Bs as MobileNavWrapper,
87
- da as Modal,
88
- Ha as MonthCalendar,
89
- k as MonthInput,
90
- Ps as NavButton,
91
- Fs as NavButtonLink,
92
- Ms as Navigation,
93
- ks as NavigationGroup,
94
- Ka as NavigationMenu,
95
- Ns as NavigationPopover,
96
- ga as Notification,
97
- Ta as NotificationContainer,
98
- N as NumberInput,
99
- Qa as Overlay,
100
- Os as Page,
101
- Xa as Panel,
102
- v as PasswordInput,
103
- ca as PlusButton,
104
- La as PopOver,
105
- vs as PopupHeader,
106
- i as ProgressBar,
107
- f as Radio,
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
- Ca as STATUSES,
110
- Da as STATUS_CLASS,
111
- Ya as ScrollableDataTable,
112
- Za as SearchDropdown,
113
- x as SearchInput,
114
- p as Select,
115
- fs as SidebarMenu,
116
- Es as SidebarMenuPage,
117
- $a as SignaturePanel,
118
- u as Skeleton,
119
- ba as SplitRow,
120
- Sa as StaticStatusIndicator,
121
- Ia as StatusIndicator,
122
- xs as SubNavigation,
123
- as as Tab,
124
- ss as TabGroup,
125
- es as TabNavigation,
126
- os as TableHeader,
127
- y as TelInput,
128
- zs as Template,
129
- h as Textarea,
130
- Ba as ThemeToggle,
131
- Pa as TimeFrame,
132
- W as TimeInput,
133
- Fa as TimePicker,
134
- ys as TitleHeader,
135
- Ma as Toggle,
136
- m as Tooltip,
137
- Js as TopBar,
138
- H as UrlInput,
139
- ts as UserList,
140
- rs as UserListItem,
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
- U as VeilJot,
143
- ns as WeekCalendar,
144
- is as WeekCell,
145
- ls as WeekCells,
146
- ps as WeekHeader,
147
- L as WeekInput,
148
- Aa as addTime,
149
- us as calculateWeekNumber,
150
- ms as generateWeeks,
151
- ds as getDateFromWeek,
152
- gs as getMonthDays,
153
- Ts as getNextMonthDays,
154
- wa as getPosition,
155
- cs as getPreviousMonthDays,
156
- ka as getStatusClass,
157
- Ua as pad
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-Cm9etaEG.js";
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] h-full ${t}` }, [
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)
@@ -1,46 +1,53 @@
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-BxmDhBjv.js";
2
- import { A as H, P as O, g as _ } from "./calendar-DQXME-2u.js";
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
- o as Alert,
5
- H as Avatar,
4
+ s as Alert,
5
+ W as Avatar,
6
6
  t as Breadcrumb,
7
7
  e as ColumnRow,
8
- i as Combobox,
9
- r as Confirmation,
8
+ r as Combobox,
9
+ i as Confirmation,
10
10
  n as CountDisplay,
11
11
  m as Counter,
12
12
  l as DatePicker,
13
- S as DelayComponent,
14
- u as DetailBody,
15
- D as DetailSection,
16
- c as Dialog,
17
- C as DialogContainer,
18
- d as DotsIndicator,
19
- g as Dropdown,
20
- p as DropdownItem,
21
- F as DropdownMenu,
22
- T as Form,
23
- A as FormControl,
24
- P as FormDescription,
25
- f as FormField,
26
- w as FormItem,
27
- b as FormLabel,
28
- B as FormMessage,
29
- I as MinusButton,
30
- M as Modal,
31
- x as Notification,
32
- y as NotificationContainer,
33
- k as PlusButton,
34
- O as PopOver,
35
- v as STATUSES,
36
- N as STATUS_CLASS,
37
- h as SplitRow,
38
- E as StaticStatusIndicator,
39
- L as StatusIndicator,
40
- R as ThemeToggle,
41
- U as TimeFrame,
42
- j as TimePicker,
43
- q as Toggle,
44
- _ as getPosition,
45
- z as getStatusClass
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
  };