@yuno-payments/dashboard-design-system 0.0.177 → 0.0.178
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { j as d } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import { forwardRef as t } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { Card as D, CardHeader as F, CardTitle as T, CardDescription as B, CardContent as R, CardFooter as w } from "../../../vendor/shadcn/card.js";
|
|
4
4
|
import { cn as n } from "../../../lib/utils.js";
|
|
5
5
|
const C = t(
|
|
6
|
-
({ className: s, children: a, variant: r = "default", ...e }, o) => /* @__PURE__ */ d.jsx(
|
|
6
|
+
({ className: s, children: a, variant: r = "default", ...e }, o) => /* @__PURE__ */ d.jsx(D, { ref: o, className: n(s), variant: r, ...e, children: a })
|
|
7
7
|
);
|
|
8
8
|
C.displayName = "CardBase";
|
|
9
9
|
const c = t(
|
|
10
|
-
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(
|
|
10
|
+
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(F, { ref: e, className: n(s), ...r, children: a })
|
|
11
11
|
);
|
|
12
12
|
c.displayName = "CardHeader";
|
|
13
13
|
const l = t(
|
|
14
|
-
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(
|
|
14
|
+
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(T, { ref: e, className: n(s), ...r, children: a })
|
|
15
15
|
);
|
|
16
16
|
l.displayName = "CardTitle";
|
|
17
17
|
const m = t(
|
|
18
|
-
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(
|
|
18
|
+
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(B, { ref: e, className: n(s), ...r, children: a })
|
|
19
19
|
);
|
|
20
20
|
m.displayName = "CardDescription";
|
|
21
21
|
const i = t(
|
|
22
|
-
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(
|
|
22
|
+
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(R, { ref: e, className: n(s), ...r, children: a })
|
|
23
23
|
);
|
|
24
24
|
i.displayName = "CardContent";
|
|
25
25
|
const N = t(
|
|
26
|
-
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(
|
|
26
|
+
({ className: s, children: a, ...r }, e) => /* @__PURE__ */ d.jsx(w, { ref: e, className: n(s), ...r, children: a })
|
|
27
27
|
);
|
|
28
28
|
N.displayName = "CardFooter";
|
|
29
29
|
const E = t(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, type CardProps, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, } from './card';
|
|
1
|
+
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, CardBase, type CardProps, type CardBaseProps, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, } from './card';
|
|
@@ -4,7 +4,7 @@ export { AccessDeniedAlert, type AccessDeniedAlertProps, } from './access-denied
|
|
|
4
4
|
export { Avatar } from './avatar';
|
|
5
5
|
export { Badge, type BadgeProps } from './badge';
|
|
6
6
|
export { Button, type ButtonProps } from './button';
|
|
7
|
-
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, type CardProps, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, } from './card';
|
|
7
|
+
export { Card, CardBase, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, type CardProps, type CardBaseProps, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, } from './card';
|
|
8
8
|
export { Checkbox, type CheckboxProps } from './checkbox';
|
|
9
9
|
export { CurrencyField, type CurrencyFieldProps } from './currency-field';
|
|
10
10
|
export { DatePicker, type DatePickerProps } from './date-picker';
|
package/dist/index.js
CHANGED
|
@@ -1,181 +1,182 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
import { cn as t, normalizeDimension as p } from "./lib/utils.js";
|
|
3
|
-
import { toast as
|
|
3
|
+
import { toast as a } from "sonner";
|
|
4
4
|
import { showNotificationAlert as m } from "./lib/notification-alert.js";
|
|
5
5
|
import { Alert as f } from "./components/atoms/alert/alert.js";
|
|
6
|
-
import { Accordion as
|
|
6
|
+
import { Accordion as l, AccordionContent as u, AccordionItem as c, AccordionTrigger as g } from "./components/atoms/accordion/accordion.js";
|
|
7
7
|
import { AccessDeniedAlert as s } from "./components/atoms/access-denied-alert/access-denied-alert.js";
|
|
8
|
-
import { Avatar as
|
|
8
|
+
import { Avatar as P } from "./components/atoms/avatar/avatar.js";
|
|
9
9
|
import { Badge as M } from "./components/atoms/badge/badge.js";
|
|
10
10
|
import { Button as w } from "./components/atoms/button/button.js";
|
|
11
|
-
import { Card as b,
|
|
12
|
-
import { Checkbox as
|
|
13
|
-
import { CurrencyField as
|
|
14
|
-
import { DatePicker as
|
|
15
|
-
import { DateRangePicker as
|
|
16
|
-
import { TimePicker as
|
|
17
|
-
import { FilterButton as
|
|
18
|
-
import { FilterDateRange as
|
|
19
|
-
import { FilterDropdown as
|
|
20
|
-
import { DropdownMenu as
|
|
21
|
-
import { DotsMenu as
|
|
22
|
-
import { ToggleGroup as
|
|
23
|
-
import { Tooltip as
|
|
24
|
-
import { TooltipProvider as
|
|
25
|
-
import { Field as
|
|
26
|
-
import { NavLink as
|
|
27
|
-
import { Select as
|
|
28
|
-
import { SearchSelect as
|
|
29
|
-
import { Combobox as
|
|
30
|
-
import { Link as
|
|
31
|
-
import { MultiValuesField as
|
|
32
|
-
import { MultiSelect as
|
|
33
|
-
import { Popover as
|
|
34
|
-
import { RadioGroup as
|
|
35
|
-
import { RadioGroup as
|
|
36
|
-
import { RadioGroupOption as
|
|
37
|
-
import { SearchField as
|
|
38
|
-
import { Skeleton as
|
|
11
|
+
import { Card as b, CardBase as R, CardContent as h, CardDescription as k, CardFooter as I, CardHeader as A, CardTitle as G } from "./components/atoms/card/card.js";
|
|
12
|
+
import { Checkbox as y } from "./components/atoms/checkbox/checkbox.js";
|
|
13
|
+
import { CurrencyField as L } from "./components/atoms/currency-field/currency-field.js";
|
|
14
|
+
import { DatePicker as E } from "./components/atoms/date-picker/date-picker.js";
|
|
15
|
+
import { DateRangePicker as N } from "./components/atoms/date-range-picker/date-range-picker.js";
|
|
16
|
+
import { TimePicker as z } from "./components/atoms/time-picker/time-picker.js";
|
|
17
|
+
import { FilterButton as Q, FilterCheckboxOption as j, FilterContent as q, FilterRadioOption as J, FilterSection as U, FilterTag as W } from "./components/atoms/filter/filter.js";
|
|
18
|
+
import { FilterDateRange as Y, FilterDateRangeOption as Z, FilterDateRangeValue as _ } from "./components/atoms/filter/filter-date-range.js";
|
|
19
|
+
import { FilterDropdown as oo, FilterMenu as ro, FilterMenuItem as eo } from "./components/atoms/filter-dropdown/filter-dropdown.js";
|
|
20
|
+
import { DropdownMenu as po, DropdownMenuCheckboxItem as no, DropdownMenuContent as ao, DropdownMenuGroup as io, DropdownMenuItem as mo, DropdownMenuLabel as xo, DropdownMenuPortal as fo, DropdownMenuRadioGroup as lo, DropdownMenuRadioItem as uo, DropdownMenuSeparator as co, DropdownMenuShortcut as go, DropdownMenuSub as Do, DropdownMenuSubContent as so, DropdownMenuSubTrigger as Co, DropdownMenuTrigger as Po } from "./components/atoms/dropdown-menu/dropdown-menu.js";
|
|
21
|
+
import { DotsMenu as Mo } from "./components/atoms/dots-menu/dots-menu.js";
|
|
22
|
+
import { ToggleGroup as wo, ToggleGroupItem as So } from "./components/atoms/toggle-group/toggle-group.js";
|
|
23
|
+
import { Tooltip as Ro } from "./components/atoms/tooltip/tooltip.js";
|
|
24
|
+
import { TooltipProvider as ko } from "./vendor/shadcn/tooltip.js";
|
|
25
|
+
import { Field as Ao } from "./components/atoms/field/field.js";
|
|
26
|
+
import { NavLink as vo } from "./components/atoms/nav-link/nav-link.js";
|
|
27
|
+
import { Select as Bo } from "./components/atoms/select/select.js";
|
|
28
|
+
import { SearchSelect as Oo } from "./components/atoms/select/search-select.js";
|
|
29
|
+
import { Combobox as Ho } from "./components/atoms/combobox/combobox.js";
|
|
30
|
+
import { Link as Vo } from "./components/atoms/link/link.js";
|
|
31
|
+
import { MultiValuesField as Ko } from "./components/atoms/multi-values-field/multi-values-field.js";
|
|
32
|
+
import { MultiSelect as jo } from "./components/atoms/multi-select/multi-select.js";
|
|
33
|
+
import { Popover as Jo, PopoverContent as Uo, PopoverTrigger as Wo } from "./components/atoms/popover/popover.js";
|
|
34
|
+
import { RadioGroup as Yo } from "./components/atoms/radio-group/radio-group.js";
|
|
35
|
+
import { RadioGroup as _o, RadioGroupItem as $o } from "./vendor/shadcn/radio-group.js";
|
|
36
|
+
import { RadioGroupOption as rr } from "./components/atoms/radio-group/radio-group-option.js";
|
|
37
|
+
import { SearchField as tr } from "./components/atoms/search-field/search-field.js";
|
|
38
|
+
import { Skeleton as nr } from "./vendor/shadcn/skeleton.js";
|
|
39
39
|
import { Separator as ir } from "./components/atoms/separator/separator.js";
|
|
40
|
-
import { Switch as
|
|
41
|
-
import { Textarea as
|
|
42
|
-
import { Typography as
|
|
43
|
-
import { Icon as
|
|
44
|
-
import { Loading as
|
|
40
|
+
import { Switch as xr } from "./components/atoms/switch/switch.js";
|
|
41
|
+
import { Textarea as dr } from "./components/atoms/textarea/textarea.js";
|
|
42
|
+
import { Typography as ur } from "./components/atoms/typography/typography.js";
|
|
43
|
+
import { Icon as gr } from "./components/atoms/icon/icon.js";
|
|
44
|
+
import { Loading as sr } from "./components/atoms/loading/loading.js";
|
|
45
45
|
import { OTPField as Pr } from "./components/atoms/otp-field/otp-field.js";
|
|
46
|
-
import { PasswordField as
|
|
47
|
-
import { ProtectedField as
|
|
48
|
-
import { Progress as
|
|
49
|
-
import { Toaster as
|
|
50
|
-
import { Breadcrumb as
|
|
51
|
-
import { Pagination as
|
|
52
|
-
import { PaginationContent as
|
|
53
|
-
import { NavTabs as
|
|
54
|
-
import { HighlightBanner as
|
|
55
|
-
import { Empty as
|
|
56
|
-
import { EmptyIcon as
|
|
57
|
-
import { DialogHeader as
|
|
58
|
-
import { DialogContent as
|
|
59
|
-
import { DialogFooter as
|
|
60
|
-
import { Dialog as
|
|
61
|
-
import { Sheet as
|
|
62
|
-
import { Tutorial as
|
|
46
|
+
import { PasswordField as Mr } from "./components/atoms/password-field/password-field.js";
|
|
47
|
+
import { ProtectedField as wr } from "./components/atoms/protected-field/protected-field.js";
|
|
48
|
+
import { Progress as br } from "./components/atoms/progress/progress.js";
|
|
49
|
+
import { Toaster as hr } from "./vendor/shadcn/sonner.js";
|
|
50
|
+
import { Breadcrumb as Ir } from "./components/molecules/breadcrumb/breadcrumb.js";
|
|
51
|
+
import { Pagination as Gr, Pagination as vr } from "./components/molecules/pagination/pagination.js";
|
|
52
|
+
import { PaginationContent as Br, PaginationEllipsis as Lr, PaginationItem as Or, PaginationLink as Er, PaginationNext as Hr, PaginationPrevious as Nr } from "./vendor/shadcn/pagination.js";
|
|
53
|
+
import { NavTabs as zr } from "./components/molecules/nav-tabs/nav-tabs.js";
|
|
54
|
+
import { HighlightBanner as Qr } from "./components/molecules/highlight-banner/highlight-banner.js";
|
|
55
|
+
import { Empty as qr } from "./components/molecules/empty/empty.js";
|
|
56
|
+
import { EmptyIcon as Ur } from "./components/molecules/empty/empty-icon.js";
|
|
57
|
+
import { DialogHeader as Xr } from "./components/molecules/dialog-header/dialog-header.js";
|
|
58
|
+
import { DialogContent as Zr } from "./components/molecules/dialog-content/dialog-content.js";
|
|
59
|
+
import { DialogFooter as $r } from "./components/molecules/dialog-footer/dialog-footer.js";
|
|
60
|
+
import { Dialog as re } from "./components/organisms/dialog/dialog.js";
|
|
61
|
+
import { Sheet as te } from "./components/organisms/sheet/sheet.js";
|
|
62
|
+
import { Tutorial as ne } from "./components/organisms/tutorial/tutorial.js";
|
|
63
63
|
import { DataTable as ie } from "./components/organisms/data-table/data-table.js";
|
|
64
|
-
import { DataTableColumnHeader as
|
|
65
|
-
import { DataTableSortIndicator as
|
|
66
|
-
import { DataTableListCell as
|
|
67
|
-
import { useBodyScrollLock as
|
|
68
|
-
import { useEscapeKey as
|
|
64
|
+
import { DataTableColumnHeader as xe } from "./components/organisms/data-table/components/column-header/data-table-column-header.js";
|
|
65
|
+
import { DataTableSortIndicator as de } from "./components/organisms/data-table/components/column-header/data-table-sort-indicator.js";
|
|
66
|
+
import { DataTableListCell as ue } from "./components/organisms/data-table/components/cells/data-table-list-cell.js";
|
|
67
|
+
import { useBodyScrollLock as ge } from "./hooks/use-body-scroll-lock.js";
|
|
68
|
+
import { useEscapeKey as se } from "./hooks/use-escape-key.js";
|
|
69
69
|
import { useMediaQuery as Pe } from "./hooks/use-media-query.js";
|
|
70
70
|
export {
|
|
71
71
|
s as AccessDeniedAlert,
|
|
72
|
-
|
|
72
|
+
l as Accordion,
|
|
73
73
|
u as AccordionContent,
|
|
74
74
|
c as AccordionItem,
|
|
75
75
|
g as AccordionTrigger,
|
|
76
76
|
f as Alert,
|
|
77
|
-
|
|
77
|
+
P as Avatar,
|
|
78
78
|
M as Badge,
|
|
79
|
-
|
|
79
|
+
Ir as Breadcrumb,
|
|
80
80
|
w as Button,
|
|
81
81
|
b as Card,
|
|
82
|
-
R as
|
|
83
|
-
h as
|
|
84
|
-
k as
|
|
85
|
-
I as
|
|
86
|
-
A as
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
82
|
+
R as CardBase,
|
|
83
|
+
h as CardContent,
|
|
84
|
+
k as CardDescription,
|
|
85
|
+
I as CardFooter,
|
|
86
|
+
A as CardHeader,
|
|
87
|
+
G as CardTitle,
|
|
88
|
+
y as Checkbox,
|
|
89
|
+
Ho as Combobox,
|
|
90
|
+
L as CurrencyField,
|
|
90
91
|
ie as DataTable,
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
92
|
+
xe as DataTableColumnHeader,
|
|
93
|
+
ue as DataTableListCell,
|
|
94
|
+
de as DataTableSortIndicator,
|
|
95
|
+
E as DatePicker,
|
|
96
|
+
N as DateRangePicker,
|
|
97
|
+
re as Dialog,
|
|
98
|
+
Zr as DialogContent,
|
|
99
|
+
$r as DialogFooter,
|
|
100
|
+
Xr as DialogHeader,
|
|
101
|
+
Mo as DotsMenu,
|
|
102
|
+
po as DropdownMenu,
|
|
103
|
+
no as DropdownMenuCheckboxItem,
|
|
104
|
+
ao as DropdownMenuContent,
|
|
104
105
|
io as DropdownMenuGroup,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
106
|
+
mo as DropdownMenuItem,
|
|
107
|
+
xo as DropdownMenuLabel,
|
|
108
|
+
fo as DropdownMenuPortal,
|
|
109
|
+
lo as DropdownMenuRadioGroup,
|
|
110
|
+
uo as DropdownMenuRadioItem,
|
|
111
|
+
co as DropdownMenuSeparator,
|
|
112
|
+
go as DropdownMenuShortcut,
|
|
113
|
+
Do as DropdownMenuSub,
|
|
114
|
+
so as DropdownMenuSubContent,
|
|
115
|
+
Co as DropdownMenuSubTrigger,
|
|
115
116
|
Po as DropdownMenuTrigger,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
117
|
+
qr as Empty,
|
|
118
|
+
Ur as EmptyIcon,
|
|
119
|
+
Ao as Field,
|
|
120
|
+
Q as FilterButton,
|
|
121
|
+
j as FilterCheckboxOption,
|
|
122
|
+
q as FilterContent,
|
|
123
|
+
Y as FilterDateRange,
|
|
124
|
+
Z as FilterDateRangeOption,
|
|
125
|
+
_ as FilterDateRangeValue,
|
|
126
|
+
oo as FilterDropdown,
|
|
127
|
+
ro as FilterMenu,
|
|
128
|
+
eo as FilterMenuItem,
|
|
129
|
+
J as FilterRadioOption,
|
|
130
|
+
U as FilterSection,
|
|
131
|
+
W as FilterTag,
|
|
132
|
+
Qr as HighlightBanner,
|
|
133
|
+
gr as Icon,
|
|
134
|
+
Vo as Link,
|
|
135
|
+
sr as Loading,
|
|
136
|
+
jo as MultiSelect,
|
|
137
|
+
Ko as MultiValuesField,
|
|
138
|
+
vo as NavLink,
|
|
139
|
+
zr as NavTabs,
|
|
139
140
|
Pr as OTPField,
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
141
|
+
Gr as Pagination,
|
|
142
|
+
Br as PaginationContent,
|
|
143
|
+
Lr as PaginationEllipsis,
|
|
144
|
+
Or as PaginationItem,
|
|
145
|
+
Er as PaginationLink,
|
|
146
|
+
Hr as PaginationNext,
|
|
147
|
+
Nr as PaginationPrevious,
|
|
148
|
+
vr as PaginationRoot,
|
|
149
|
+
Mr as PasswordField,
|
|
150
|
+
Jo as Popover,
|
|
151
|
+
Uo as PopoverContent,
|
|
152
|
+
Wo as PopoverTrigger,
|
|
153
|
+
br as Progress,
|
|
154
|
+
wr as ProtectedField,
|
|
155
|
+
Yo as RadioGroup,
|
|
156
|
+
_o as RadioGroupBase,
|
|
157
|
+
$o as RadioGroupItem,
|
|
158
|
+
rr as RadioGroupOption,
|
|
159
|
+
tr as SearchField,
|
|
160
|
+
Oo as SearchSelect,
|
|
161
|
+
Bo as Select,
|
|
161
162
|
ir as Separator,
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
163
|
+
te as Sheet,
|
|
164
|
+
nr as Skeleton,
|
|
165
|
+
xr as Switch,
|
|
166
|
+
dr as Textarea,
|
|
167
|
+
z as TimePicker,
|
|
168
|
+
hr as Toaster,
|
|
169
|
+
wo as ToggleGroup,
|
|
170
|
+
So as ToggleGroupItem,
|
|
171
|
+
Ro as Tooltip,
|
|
172
|
+
ko as TooltipProvider,
|
|
173
|
+
ne as Tutorial,
|
|
174
|
+
ur as Typography,
|
|
174
175
|
t as cn,
|
|
175
176
|
p as normalizeDimension,
|
|
176
177
|
m as showNotificationAlert,
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
178
|
+
a as toast,
|
|
179
|
+
ge as useBodyScrollLock,
|
|
180
|
+
se as useEscapeKey,
|
|
180
181
|
Pe as useMediaQuery
|
|
181
182
|
};
|
|
@@ -56,7 +56,7 @@ const l = d.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t.jsx(
|
|
|
56
56
|
}
|
|
57
57
|
));
|
|
58
58
|
l.displayName = "CardDescription";
|
|
59
|
-
const p = d.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t.jsx("div", { ref: e, className: o("p-6
|
|
59
|
+
const p = d.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t.jsx("div", { ref: e, className: o("p-6", a), ...r }));
|
|
60
60
|
p.displayName = "CardContent";
|
|
61
61
|
const x = d.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t.jsx(
|
|
62
62
|
"div",
|