@base-framework/ui 1.0.262 → 1.0.264

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/index.es.js CHANGED
@@ -1,168 +1,171 @@
1
- import { B as s, C as o, b as t, F as r, a as n, L as l, P as i, R as p, S as m, c as u, T as d } from "./tooltip-iKwNah4y.js";
2
- import { B as c, I as C, L as T } from "./buttons-Cm9etaEG.js";
3
- import { C as b, d as I, D as S, c as P, E as B, F, H as k, I as M, M as f, N as x, P as N, R as v, T as y, a as h, b as L, U as W, W as H } from "./inputs-DscqfC6k.js";
4
- import { V as R, a as w } from "./veil-D4dRxILB.js";
5
- import { Icons as E } from "./icons.es.js";
6
- import { A as O, B as V, C as j, t as q, G as J, v as z, w as _, x as K, y as Q, D as X, j as Y, k as Z, I as $, H as aa, s as ea, c as sa, a as oa, b as ta, J as ra, i as na, g as la, e as ia, h as pa, F as ma, d as ua, f as da, L as ga, u as ca, M as Ca, l as Ta, N as Da, P as ba, p as Ia, q as Sa, S as Pa, n as Ba, o as Fa, T as ka, z as Ma, E as fa, m as xa, r as Na } from "./empty-state-DowNCqbA.js";
7
- import { A as ya, b as ha, C as La, D as Wa, a as Ha, F as Aa, M as Ra, P as wa, R as Ua, c as Ea, g as Ga, p as Oa } from "./range-calendar-BxLjYfrT.js";
8
- import { B as ja, p as qa, C as Ja, j as za, D as _a, m as Ka, k as Qa, H as Xa, I as Ya, N as Za, O as $a, P as ae, S as ee, n as se, o as oe, t as te, s as re, q as ne, r as le, T as ie, l as pe, U as me, W as ue, f as de, h as ge, i as ce, c as Ce, d as Te, b as De, e as be, a as Ie, g as Se } from "./signature-panel-obojbki5.js";
9
- import { B as Be, I as Fe, M as ke, d as Me, e as fe, g as xe, N as Ne, b as ve, a as ye, f as he, P as Le, c as We, S as He, T as Ae } from "./mobile-nav-wrapper-Dj67Pb8l.js";
10
- import { B as we, a as Ue, C as Ee, F as Ge, b as Oe, c as Ve, M as je, P as qe, S as Je } from "./sidebar-menu-page-BVryQj2Z.js";
11
- import { A as _e, F as Ke, M as Qe, a as Xe, T as Ye } from "./aside-template-McEj_Gxc.js";
12
- import { B as $e } from "./bside-template-Du2m3rsE.js";
13
- import { F as es, c as ss } from "./format-DnofNaaz.js";
14
- import { I as ts } from "./image-scaler-DNyRgMye.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 m } from "./tooltip-Pwsjx1Gp.js";
2
+ import { B as d, I as g, L as C } from "./buttons-Cm9etaEG.js";
3
+ import { C as T, F as D, V as I, a as b } from "./veil-tVDPinrr.js";
4
+ import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v, N as y, P as h, R as L, T as W, a as H, b as A, U as R, W as w } from "./inputs-DscqfC6k.js";
5
+ import { Icons as G } from "./icons.es.js";
6
+ import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-DqbqL8Wo.js";
7
+ import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-BxLjYfrT.js";
8
+ import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-obojbki5.js";
9
+ import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-Dj67Pb8l.js";
10
+ import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-BVryQj2Z.js";
11
+ import { A as Xe, F as Ye, M as Ze, a as $e, T as as } from "./aside-template-McEj_Gxc.js";
12
+ import { B as ss } from "./bside-template-Du2m3rsE.js";
13
+ import { F as ts, c as rs } from "./format-DnofNaaz.js";
14
+ import { I as ls } from "./image-scaler-DNyRgMye.js";
15
15
  export {
16
- O as Alert,
17
- _e as AsideTemplate,
18
- ya as Avatar,
19
- ja as BackButton,
20
- Be as Backdrop,
16
+ E as Alert,
17
+ Xe as AsideTemplate,
18
+ Wa as Avatar,
19
+ za as BackButton,
20
+ Me as Backdrop,
21
21
  s as Badge,
22
- we as BasicPage,
23
- Ue as BlankPage,
22
+ Oe as BasicPage,
23
+ Ee as BlankPage,
24
24
  V as Breadcrumb,
25
- $e as BsideTemplate,
26
- c as Button,
27
- qa as ButtonTab,
28
- ha as Calendar,
29
- La as CalendarCells,
30
- o as Card,
31
- Ee as CenterPage,
32
- b as Checkbox,
33
- Ja as CheckboxCol,
34
- t as CircleGraph,
35
- I as ColorInput,
25
+ ss as BsideTemplate,
26
+ d as Button,
27
+ Ka as ButtonTab,
28
+ Ha as Calendar,
29
+ Aa as CalendarCells,
30
+ T as Card,
31
+ Ve as CenterPage,
32
+ F as Checkbox,
33
+ Qa as CheckboxCol,
34
+ o as CircleGraph,
35
+ P as ColorInput,
36
36
  j as ColumnRow,
37
37
  q as Combobox,
38
38
  J as Confirmation,
39
39
  z as CountDisplay,
40
- _ as Counter,
41
- za as DataTable,
42
- _a as DataTableBody,
43
- S as DateInput,
44
- K as DatePicker,
45
- Q as DateRangePicker,
46
- P as DateTimeInput,
47
- Wa as DayCell,
48
- Ha as DayHeader,
40
+ K as Counter,
41
+ _a as DataTable,
42
+ Xa as DataTableBody,
43
+ B as DateInput,
44
+ Q as DatePicker,
45
+ _ as DateRangePicker,
46
+ k as DateTimeInput,
47
+ Ra as DayCell,
48
+ wa as DayHeader,
49
49
  X as DelayComponent,
50
50
  Y as DetailBody,
51
51
  Z as DetailSection,
52
52
  $ as Dialog,
53
53
  aa as DialogContainer,
54
- Ka as DockableOverlay,
54
+ Ya as DockableOverlay,
55
55
  ea as DotsIndicator,
56
56
  sa as Dropdown,
57
57
  oa as DropdownItem,
58
58
  ta as DropdownMenu,
59
- Qa as DynamicDataTable,
60
- B as EmailInput,
59
+ Za as DynamicDataTable,
60
+ M as EmailInput,
61
61
  ra as EmptyState,
62
- r as Fieldset,
63
- F as FileInput,
62
+ t as Fieldset,
63
+ f as FileInput,
64
64
  na as Form,
65
- la as FormControl,
66
- ia as FormDescription,
67
- pa as FormField,
68
- n as FormGroup,
69
- ma as FormItem,
70
- ua as FormLabel,
71
- da as FormMessage,
72
- es as Format,
73
- Aa as FormatDate,
74
- Ge as FullContainPage,
75
- Oe as FullPage,
76
- Ke as FullTemplate,
77
- Ve as FullscreenPage,
78
- Xa as HeaderCol,
79
- k as HiddenInput,
80
- C as Icon,
81
- E as Icons,
82
- ts as ImageScaler,
83
- Fe as InlineNavigation,
84
- Ya as InlineOverlay,
85
- M as Input,
86
- l as Legend,
87
- T as LoadingButton,
88
- ga as LogoUploader,
89
- Qe as MainColumn,
90
- ke as MainLink,
91
- je as MainSection,
92
- ca as MinusButton,
93
- Me as MobileNavButton,
94
- fe as MobileNavWrapper,
95
- Ca as Modal,
96
- Ra as MonthCalendar,
97
- f as MonthInput,
98
- xe as NavButton,
99
- Ne as NavButtonLink,
100
- ve as Navigation,
101
- ye as NavigationGroup,
102
- Za as NavigationMenu,
103
- he as NavigationPopover,
104
- Ta as Notification,
105
- Da as NotificationContainer,
106
- x as NumberInput,
107
- $a as Overlay,
108
- qe as Page,
109
- ae as Panel,
110
- N as PasswordInput,
111
- ba as PlusButton,
112
- wa as PopOver,
113
- Le as PopupHeader,
114
- i as ProgressBar,
115
- v as Radio,
116
- Ua as RangeCalendar,
117
- p as RangeSlider,
118
- Ia as STATUSES,
119
- Sa as STATUS_CLASS,
120
- ee as ScrollableDataTable,
121
- se as SearchDropdown,
122
- oe as SearchInput,
123
- m as Select,
124
- We as SidebarMenu,
125
- Je as SidebarMenuPage,
126
- te as SignaturePanel,
127
- u as Skeleton,
128
- Pa as SplitRow,
129
- Ba as StaticStatusIndicator,
130
- Fa as StatusIndicator,
131
- He as SubNavigation,
132
- re as Tab,
133
- ne as TabGroup,
134
- le as TabNavigation,
135
- ie as TableHeader,
136
- y as TelInput,
137
- Xe as Template,
138
- h as Textarea,
139
- ka as ThemeToggle,
140
- Ma as TimeFrame,
141
- L as TimeInput,
142
- fa as TimePicker,
143
- Ae as TitleHeader,
144
- xa as Toggle,
145
- d as Tooltip,
146
- Ye as TopBar,
147
- W as UrlInput,
148
- pe as UserList,
149
- me as UserListItem,
150
- R as Veil,
151
- w as VeilJot,
152
- ue as WeekCalendar,
153
- de as WeekCell,
154
- ge as WeekCells,
155
- ce as WeekHeader,
156
- H as WeekInput,
157
- Ea as addTime,
158
- Ce as calculateWeekNumber,
159
- ss as createWatcherCallback,
160
- Te as generateWeeks,
161
- De as getDateFromWeek,
162
- be as getMonthDays,
163
- Ie as getNextMonthDays,
164
- Ga as getPosition,
165
- Se as getPreviousMonthDays,
166
- Na as getStatusClass,
167
- Oa as pad
65
+ la as FormCard,
66
+ ia as FormCardContent,
67
+ pa as FormCardGroup,
68
+ ma as FormControl,
69
+ ua as FormDescription,
70
+ da as FormField,
71
+ D as FormGroup,
72
+ ga as FormItem,
73
+ Ca as FormLabel,
74
+ ca as FormMessage,
75
+ ts as Format,
76
+ Ua as FormatDate,
77
+ je as FullContainPage,
78
+ qe as FullPage,
79
+ Ye as FullTemplate,
80
+ Je as FullscreenPage,
81
+ $a as HeaderCol,
82
+ x as HiddenInput,
83
+ g as Icon,
84
+ G as Icons,
85
+ ls as ImageScaler,
86
+ fe as InlineNavigation,
87
+ ae as InlineOverlay,
88
+ N as Input,
89
+ r as Legend,
90
+ C as LoadingButton,
91
+ Ta as LogoUploader,
92
+ Ze as MainColumn,
93
+ xe as MainLink,
94
+ ze as MainSection,
95
+ Da as MinusButton,
96
+ Ne as MobileNavButton,
97
+ ve as MobileNavWrapper,
98
+ Ia as Modal,
99
+ Ga as MonthCalendar,
100
+ v as MonthInput,
101
+ ye as NavButton,
102
+ he as NavButtonLink,
103
+ Le as Navigation,
104
+ We as NavigationGroup,
105
+ ee as NavigationMenu,
106
+ He as NavigationPopover,
107
+ ba as Notification,
108
+ Sa as NotificationContainer,
109
+ y as NumberInput,
110
+ se as Overlay,
111
+ Ke as Page,
112
+ oe as Panel,
113
+ h as PasswordInput,
114
+ Fa as PlusButton,
115
+ Oa as PopOver,
116
+ Ae as PopupHeader,
117
+ n as ProgressBar,
118
+ L as Radio,
119
+ Ea as RangeCalendar,
120
+ l as RangeSlider,
121
+ Pa as STATUSES,
122
+ Ba as STATUS_CLASS,
123
+ te as ScrollableDataTable,
124
+ re as SearchDropdown,
125
+ ne as SearchInput,
126
+ i as Select,
127
+ Re as SidebarMenu,
128
+ Qe as SidebarMenuPage,
129
+ le as SignaturePanel,
130
+ p as Skeleton,
131
+ ka as SplitRow,
132
+ Ma as StaticStatusIndicator,
133
+ fa as StatusIndicator,
134
+ we as SubNavigation,
135
+ ie as Tab,
136
+ pe as TabGroup,
137
+ me as TabNavigation,
138
+ ue as TableHeader,
139
+ W as TelInput,
140
+ $e as Template,
141
+ H as Textarea,
142
+ xa as ThemeToggle,
143
+ Na as TimeFrame,
144
+ A as TimeInput,
145
+ va as TimePicker,
146
+ Ue as TitleHeader,
147
+ ya as Toggle,
148
+ m as Tooltip,
149
+ as as TopBar,
150
+ R as UrlInput,
151
+ de as UserList,
152
+ ge as UserListItem,
153
+ I as Veil,
154
+ b as VeilJot,
155
+ Ce as WeekCalendar,
156
+ ce as WeekCell,
157
+ Te as WeekCells,
158
+ De as WeekHeader,
159
+ w as WeekInput,
160
+ Va as addTime,
161
+ Ie as calculateWeekNumber,
162
+ rs as createWatcherCallback,
163
+ be as generateWeeks,
164
+ Se as getDateFromWeek,
165
+ Fe as getMonthDays,
166
+ Pe as getNextMonthDays,
167
+ ja as getPosition,
168
+ Be as getPreviousMonthDays,
169
+ ha as getStatusClass,
170
+ qa as pad
168
171
  };
@@ -1,49 +1,52 @@
1
- import { A as o, B as t, C as e, t as r, G as i, v as n, w as m, x as l, y as S, D, j as c, k as g, I as p, H as u, s as d, c as C, a as F, b as T, J as P, i as A, g as f, e as w, h as I, F as b, d as y, f as B, L as M, u as k, M as x, l as L, N as v, P as E, p as N, q as R, S as U, n as h, o as j, T as q, z, E as G, m as H, r as J } from "./empty-state-DowNCqbA.js";
2
- import { A as _, P as K, g as Q } from "./range-calendar-BxLjYfrT.js";
1
+ import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-DqbqL8Wo.js";
2
+ import { A as V, P as W, g as X } from "./range-calendar-BxLjYfrT.js";
3
3
  export {
4
- o as Alert,
5
- _ as Avatar,
4
+ s as Alert,
5
+ V as Avatar,
6
6
  t as Breadcrumb,
7
- e as ColumnRow,
8
- r as Combobox,
7
+ r as ColumnRow,
8
+ e as Combobox,
9
9
  i as Confirmation,
10
10
  n as CountDisplay,
11
11
  m as Counter,
12
12
  l as DatePicker,
13
- S as DateRangePicker,
14
- D as DelayComponent,
15
- c as DetailBody,
16
- g as DetailSection,
17
- p as Dialog,
18
- u as DialogContainer,
19
- d as DotsIndicator,
20
- C as Dropdown,
13
+ C as DateRangePicker,
14
+ d as DelayComponent,
15
+ S as DetailBody,
16
+ p as DetailSection,
17
+ u as Dialog,
18
+ D as DialogContainer,
19
+ c as DotsIndicator,
20
+ g as Dropdown,
21
21
  F as DropdownItem,
22
22
  T as DropdownMenu,
23
23
  P as EmptyState,
24
24
  A as Form,
25
- f as FormControl,
26
- w as FormDescription,
27
- I as FormField,
28
- b as FormItem,
29
- y as FormLabel,
30
- B as FormMessage,
31
- M as LogoUploader,
32
- k as MinusButton,
33
- x as Modal,
34
- L as Notification,
35
- v as NotificationContainer,
36
- E as PlusButton,
37
- K as PopOver,
38
- N as STATUSES,
39
- R as STATUS_CLASS,
40
- U as SplitRow,
41
- h as StaticStatusIndicator,
42
- j as StatusIndicator,
43
- q as ThemeToggle,
44
- z as TimeFrame,
45
- G as TimePicker,
46
- H as Toggle,
47
- Q as getPosition,
48
- J as getStatusClass
25
+ f as FormCard,
26
+ w as FormCardContent,
27
+ I 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 LogoUploader,
35
+ v as MinusButton,
36
+ E as Modal,
37
+ N as Notification,
38
+ R as NotificationContainer,
39
+ U as PlusButton,
40
+ W as PopOver,
41
+ h as STATUSES,
42
+ G as STATUS_CLASS,
43
+ O as SplitRow,
44
+ j as StaticStatusIndicator,
45
+ q as StatusIndicator,
46
+ z as ThemeToggle,
47
+ H as TimeFrame,
48
+ J as TimePicker,
49
+ K as Toggle,
50
+ X as getPosition,
51
+ Q as getStatusClass
49
52
  };
@@ -1,7 +1,7 @@
1
- import { Span as g, Div as l, Legend as f, Fieldset as x, H4 as C, P as h, UseParent as u, Input as y } from "@base-framework/atoms";
1
+ import { Span as c, Legend as b, Fieldset as C, Div as l, UseParent as u, Input as x } from "@base-framework/atoms";
2
2
  import { Atom as s, Html as p } from "@base-framework/base";
3
- import { a as d } from "./veil-D4dRxILB.js";
4
- import { f as k, e as w, g as $ } from "./inputs-DscqfC6k.js";
3
+ import { a as d } from "./veil-tVDPinrr.js";
4
+ import { f as h, e as y, g as k } from "./inputs-DscqfC6k.js";
5
5
  const a = {
6
6
  gray: {
7
7
  backgroundColor: "bg-gray-50",
@@ -78,48 +78,25 @@ const a = {
78
78
  textColor: "text-primary",
79
79
  ringColor: "ring-background"
80
80
  }
81
- }, v = (t) => a[t] || a.gray, P = (t) => {
82
- const { backgroundColor: e, textColor: r, ringColor: o } = v(t);
81
+ }, w = (t) => a[t] || a.gray, $ = (t) => {
82
+ const { backgroundColor: e, textColor: r, ringColor: o } = w(t);
83
83
  return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${e} ${r} ${o}`;
84
- }, G = s((t, e) => {
85
- const r = P(t == null ? void 0 : t.type);
86
- return g({ ...t, class: r }, e);
87
- }), I = s((t, e) => {
88
- const r = t.margin ?? "my-5 mx-5", o = t.padding ?? "p-4";
89
- return t.hover && (t.class += " hover:shadow-lg hover:bg-muted/50"), l({
90
- ...t,
91
- class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${r} ${o} ${t.class || ""}`
92
- }, e);
93
- }), S = s((t, e) => f({
84
+ }, T = s((t, e) => {
85
+ const r = $(t == null ? void 0 : t.type);
86
+ return c({ ...t, class: r }, e);
87
+ }), v = s((t, e) => b({
94
88
  ...t,
95
89
  class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${t.class || ""}`
96
- }, e)), R = s((t, e) => {
90
+ }, e)), L = s((t, e) => {
97
91
  const r = t.border === "full" ? "border rounded-md" : "border-t";
98
- return x({
92
+ return C({
99
93
  ...t,
100
94
  class: `p-6 ${r} ${t.class || ""}`
101
95
  }, [
102
- t.legend && S(t.legend),
96
+ t.legend && v(t.legend),
103
97
  l({ class: "flex flex-auto flex-col space-y-6" }, e)
104
98
  ]);
105
- }), O = s((t, e) => {
106
- var o;
107
- const r = t.border === !0 ? "border-t" : "";
108
- return l({
109
- ...t,
110
- class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr,2fr] sm:gap-x-6 pt-8 ${r} ${t.class || ""}`
111
- }, [
112
- t.label && l({
113
- ...t.labelProps,
114
- class: `space-y-1 ${((o = t.labelProps) == null ? void 0 : o.class) || ""}`
115
- }, [
116
- C({ class: "text-base" }, t.label),
117
- t.description && h({ class: "text-sm text-muted-foreground" }, t.description)
118
- ]),
119
- // Controls container: grows to fill remaining space, spacing between items
120
- l({ class: "flex flex-col space-y-4" }, e)
121
- ]);
122
- }), V = d(
99
+ }), I = d(
123
100
  {
124
101
  /**
125
102
  * This will create the initial state of the RangeSlider.
@@ -169,7 +146,7 @@ const a = {
169
146
  style: ["left: [[filledPercentage]]%", t]
170
147
  }),
171
148
  // Hidden Range Input
172
- y({
149
+ x({
173
150
  type: "range",
174
151
  min: ["[[min]]", t],
175
152
  max: ["[[max]]", t],
@@ -177,8 +154,8 @@ const a = {
177
154
  // Incorporate your new classes here
178
155
  class: `
179
156
  absolute w-full h-full opacity-0 cursor-pointer
180
- ${k}
181
- ${w}
157
+ ${h}
158
+ ${y}
182
159
  ${this.class || ""}
183
160
  `.trim(),
184
161
  bind: this.bind,
@@ -191,15 +168,15 @@ const a = {
191
168
  ]);
192
169
  }
193
170
  }
194
- ), D = s((t) => ({
171
+ ), G = s((t) => ({
195
172
  tag: "select",
196
173
  onCreated(e) {
197
174
  t.options && p.setupSelectOptions(e, t.options);
198
175
  },
199
176
  ...t,
200
- class: `${$} ${t.class || ""}`.trim()
201
- })), E = (t) => !t || isNaN(t) ? null : t, i = (t, e) => {
202
- const r = t, o = 16, n = 2 * Math.PI * o, m = r / 100 * n, b = `
177
+ class: `${k} ${t.class || ""}`.trim()
178
+ })), P = (t) => !t || isNaN(t) ? null : t, i = (t, e) => {
179
+ const r = t, o = 16, n = 2 * Math.PI * o, m = r / 100 * n, f = `
203
180
  <svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
204
181
  <!-- Background Circle -->
205
182
  <circle
@@ -239,21 +216,21 @@ const a = {
239
216
  `;
240
217
  return l({
241
218
  class: "circle-graph text-inherit",
242
- html: b
219
+ html: f
243
220
  });
244
- }, H = s((t) => {
221
+ }, R = s((t) => {
245
222
  const e = t.progress || 0, r = t.class || "", o = i(e, r);
246
223
  return l({
247
224
  class: "circle-graph-wrap",
248
225
  onSet: [
249
226
  t.prop,
250
- (n) => (n = E(n), n ? i(n, r) : o)
227
+ (n) => (n = P(n), n ? i(n, r) : o)
251
228
  ]
252
229
  }, [o]);
253
- }), B = () => u(({ state: t }) => l({
230
+ }), S = () => u(({ state: t }) => l({
254
231
  class: "absolute h-full rounded-full bg-primary transition-all duration-300",
255
232
  style: ["width: [[progress]]%;", t]
256
- })), M = d(
233
+ })), O = d(
257
234
  {
258
235
  /**
259
236
  * This will render the progress bar component.
@@ -262,7 +239,7 @@ const a = {
262
239
  */
263
240
  render() {
264
241
  return l({ class: "relative w-full h-4 rounded-full bg-muted" }, [
265
- B()
242
+ S()
266
243
  ]);
267
244
  },
268
245
  /**
@@ -305,9 +282,9 @@ const a = {
305
282
  t < 0 && (t = 0), t > 100 && (t = 100), this.state.progress = t;
306
283
  }
307
284
  }
308
- ), _ = ({ class: t, shape: e = "rectangle", width: r = "w-full", height: o = "h-4" }) => l({
285
+ ), V = ({ class: t, shape: e = "rectangle", width: r = "w-full", height: o = "h-4" }) => l({
309
286
  class: `bg-muted animate-pulse ${r} ${o} ${e === "circle" ? "rounded-full" : "rounded-md"} ${t || ""}`
310
- }), c = {
287
+ }), g = {
311
288
  top: "bottom-full left-1/2 transform -translate-x-1/2 mb-2",
312
289
  "top-right": "bottom-full left-full transform -translate-x-1 mb-2",
313
290
  "top-left": "bottom-full right-full transform translate-x-1 mb-2",
@@ -316,12 +293,12 @@ const a = {
316
293
  "bottom-left": "top-full right-full transform translate-x-1 mt-2",
317
294
  left: "top-1/2 right-full transform -translate-y-1/2 mr-2",
318
295
  right: "top-1/2 left-full transform -translate-y-1/2 ml-2"
319
- }, F = (t) => c[t] || c.top, z = s(({ position: t = "top", content: e }, r) => {
320
- const o = F(t);
296
+ }, E = (t) => g[t] || g.top, D = s(({ position: t = "top", content: e }, r) => {
297
+ const o = E(t);
321
298
  return Array.isArray(r) === !1 && (r = [r]), l({ class: "relative group inline-block" }, [
322
299
  ...r,
323
300
  // Tooltip box
324
- g({
301
+ c({
325
302
  class: `
326
303
  absolute z-20 px-2 py-1 border text-sm bg-background rounded shadow-md opacity-0 whitespace-nowrap
327
304
  group-hover:opacity-100 transition-opacity duration-200 ${o} pointer-events-none
@@ -330,15 +307,13 @@ const a = {
330
307
  ]);
331
308
  });
332
309
  export {
333
- G as B,
334
- I as C,
335
- R as F,
336
- S as L,
337
- M as P,
338
- V as R,
339
- D as S,
340
- z as T,
341
- O as a,
342
- H as b,
343
- _ as c
310
+ T as B,
311
+ R as C,
312
+ L as F,
313
+ v as L,
314
+ O as P,
315
+ I as R,
316
+ G as S,
317
+ D as T,
318
+ V as a
344
319
  };
@@ -0,0 +1,31 @@
1
+ /**
2
+ * FormCard
3
+ *
4
+ * A card component for displaying a form.
5
+ *
6
+ * @param {object} props - The component props.
7
+ * @param {string} props.title - The title of the form.
8
+ * @param {array} children - The children to render inside the card.
9
+ * @returns {object} The rendered form card component.
10
+ */
11
+ export const FormCard: Function;
12
+ /**
13
+ * FormCardGroup
14
+ *
15
+ * A group of form cards.
16
+ *
17
+ * @param {object} props - The component props.
18
+ * @param {array} children - The children to render inside the group.
19
+ * @returns {object} The rendered form card group component.
20
+ */
21
+ export const FormCardGroup: Function;
22
+ /**
23
+ * FormCardGroup
24
+ *
25
+ * A group of form cards.
26
+ *
27
+ * @param {object} props - The component props.
28
+ * @param {array} children - The children to render inside the group.
29
+ * @returns {object} The rendered form card group component.
30
+ */
31
+ export const FormCardContent: Function;
@@ -4,6 +4,7 @@ export * from "./dropdowns/dropdown-item.js";
4
4
  export * from "./dropdowns/dropdown-menu.js";
5
5
  export * from "./dropdowns/dropdown.js";
6
6
  export * from "./form/form-atoms.js";
7
+ export * from "./form/form-card.js";
7
8
  export * from "./form/form-control.js";
8
9
  export * from "./form/form-field.js";
9
10
  export * from "./form/form.js";