@yuno-payments/dashboard-design-system 1.3.3 → 1.3.4-beta.0
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/components/atoms/accordion/accordion.js +4 -4
- package/dist/components/atoms/card/card.js +6 -6
- package/dist/components/atoms/dropdown-menu/dropdown-menu.js +13 -13
- package/dist/components/atoms/filter/filter.js +4 -4
- package/dist/components/atoms/icon/icon-list.d.ts +3 -0
- package/dist/components/atoms/icon/icon-list.js +232 -226
- package/dist/components/atoms/popover/popover.js +3 -3
- package/dist/components/molecules/breadcrumb/breadcrumb.js +3 -3
- package/dist/components/organisms/dialog/dialog.d.ts +5 -0
- package/dist/components/organisms/dialog/dialog.js +90 -80
- package/dist/components/organisms/sheet/sheet.js +1 -1
- package/dist/index.esm.min.js +3722 -3616
- package/dist/index.js +163 -163
- package/dist/index.umd.min.js +11 -11
- package/dist/node_modules/@phosphor-icons/react/dist/csr/ArrowSquareOut.es.js +8 -0
- package/dist/node_modules/@phosphor-icons/react/dist/csr/SquareHalf.es.js +8 -0
- package/dist/node_modules/@phosphor-icons/react/dist/csr/SquareHalfBottom.es.js +8 -0
- package/dist/node_modules/@phosphor-icons/react/dist/defs/ArrowSquareOut.es.js +36 -0
- package/dist/node_modules/@phosphor-icons/react/dist/defs/SquareHalf.es.js +36 -0
- package/dist/node_modules/@phosphor-icons/react/dist/defs/SquareHalfBottom.es.js +30 -0
- package/dist/node_modules/clsx/dist/clsx.js +8 -7
- package/dist/node_modules/date-fns/addDays.js +5 -4
- package/dist/node_modules/date-fns/addMonths.js +4 -3
- package/dist/node_modules/date-fns/addWeeks.js +6 -5
- package/dist/node_modules/date-fns/addYears.js +5 -4
- package/dist/node_modules/date-fns/constructFrom.js +4 -3
- package/dist/node_modules/date-fns/differenceInCalendarDays.js +6 -5
- package/dist/node_modules/date-fns/differenceInCalendarMonths.js +4 -3
- package/dist/node_modules/date-fns/differenceInCalendarWeeks.js +5 -4
- package/dist/node_modules/date-fns/endOfISOWeek.js +5 -4
- package/dist/node_modules/date-fns/endOfMonth.js +3 -2
- package/dist/node_modules/date-fns/endOfWeek.js +6 -5
- package/dist/node_modules/date-fns/format.js +1 -0
- package/dist/node_modules/date-fns/getDayOfYear.js +6 -5
- package/dist/node_modules/date-fns/getDaysInMonth.js +3 -2
- package/dist/node_modules/date-fns/getISOWeek.js +5 -4
- package/dist/node_modules/date-fns/getISOWeekYear.js +6 -5
- package/dist/node_modules/date-fns/getUnixTime.js +3 -2
- package/dist/node_modules/date-fns/getWeek.js +4 -3
- package/dist/node_modules/date-fns/getWeekYear.js +1 -0
- package/dist/node_modules/date-fns/getWeeksInMonth.js +9 -8
- package/dist/node_modules/date-fns/isAfter.js +5 -4
- package/dist/node_modules/date-fns/isBefore.js +6 -5
- package/dist/node_modules/date-fns/isDate.js +1 -0
- package/dist/node_modules/date-fns/isSameDay.js +1 -0
- package/dist/node_modules/date-fns/isSameMonth.js +3 -2
- package/dist/node_modules/date-fns/isSameYear.js +5 -4
- package/dist/node_modules/date-fns/isValid.js +7 -6
- package/dist/node_modules/date-fns/lastDayOfMonth.js +6 -5
- package/dist/node_modules/date-fns/locale/en-US.js +9 -8
- package/dist/node_modules/date-fns/max.js +3 -2
- package/dist/node_modules/date-fns/min.js +6 -5
- package/dist/node_modules/date-fns/setMonth.js +1 -0
- package/dist/node_modules/date-fns/setYear.js +6 -5
- package/dist/node_modules/date-fns/startOfDay.js +3 -2
- package/dist/node_modules/date-fns/startOfISOWeek.js +3 -2
- package/dist/node_modules/date-fns/startOfISOWeekYear.js +7 -6
- package/dist/node_modules/date-fns/startOfMonth.js +5 -4
- package/dist/node_modules/date-fns/startOfWeek.js +6 -5
- package/dist/node_modules/date-fns/startOfWeekYear.js +1 -0
- package/dist/node_modules/date-fns/startOfYear.js +6 -5
- package/dist/node_modules/date-fns/subDays.js +4 -3
- package/dist/node_modules/date-fns/toDate.js +1 -0
- package/dist/node_modules/lucide-react/dist/esm/Icon.js +3 -3
- package/dist/node_modules/react-day-picker/dist/index.esm.js +19 -19
- package/dist/vendor/shadcn/date-picker.js +4 -4
- package/dist/vendor/shadcn/date-range-picker.js +5 -5
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as i } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import { forwardRef as e } from "react";
|
|
3
|
-
import { Accordion as a,
|
|
3
|
+
import { Accordion as a, AccordionItem as d, AccordionTrigger as m, AccordionContent as A } from "../../../vendor/shadcn/accordion.js";
|
|
4
4
|
import { cn as s } from "../../../lib/utils.js";
|
|
5
5
|
const p = e(
|
|
6
6
|
({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(a, { ref: n, className: s(o), ...c, children: r })
|
|
@@ -8,7 +8,7 @@ const p = e(
|
|
|
8
8
|
p.displayName = "Accordion";
|
|
9
9
|
const g = e(
|
|
10
10
|
({ className: o, children: r, value: c, ...n }, t) => /* @__PURE__ */ i.jsx(
|
|
11
|
-
|
|
11
|
+
d,
|
|
12
12
|
{
|
|
13
13
|
ref: t,
|
|
14
14
|
className: s(o),
|
|
@@ -20,11 +20,11 @@ const g = e(
|
|
|
20
20
|
);
|
|
21
21
|
g.displayName = "AccordionItem";
|
|
22
22
|
const l = e(
|
|
23
|
-
({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(
|
|
23
|
+
({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(m, { ref: n, className: s(o), ...c, children: r })
|
|
24
24
|
);
|
|
25
25
|
l.displayName = "AccordionTrigger";
|
|
26
26
|
const N = e(
|
|
27
|
-
({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(
|
|
27
|
+
({ className: o, children: r, ...c }, n) => /* @__PURE__ */ i.jsx(A, { ref: n, className: s(o), ...c, children: r })
|
|
28
28
|
);
|
|
29
29
|
N.displayName = "AccordionContent";
|
|
30
30
|
export {
|
|
@@ -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 { Card as D,
|
|
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
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,13 +1,13 @@
|
|
|
1
1
|
import { j as a } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import * as u from "react";
|
|
3
|
-
import { DropdownMenu as p,
|
|
3
|
+
import { DropdownMenu as p, DropdownMenuPortal as s, DropdownMenuTrigger as t, DropdownMenuContent as w, DropdownMenuGroup as D, DropdownMenuLabel as M, DropdownMenuItem as m, DropdownMenuCheckboxItem as i, DropdownMenuRadioGroup as c, DropdownMenuRadioItem as l, DropdownMenuSeparator as N, DropdownMenuShortcut as f, DropdownMenuSub as x, DropdownMenuSubTrigger as b, DropdownMenuSubContent as S } from "../../../vendor/shadcn/dropdown-menu.js";
|
|
4
4
|
import { cn as d } from "../../../lib/utils.js";
|
|
5
5
|
const R = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(p, { ...n, children: o });
|
|
6
6
|
R.displayName = "DropdownMenu";
|
|
7
|
-
const j = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(
|
|
7
|
+
const j = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(s, { ...n, children: o });
|
|
8
8
|
j.displayName = "DropdownMenuPortal";
|
|
9
9
|
const g = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
10
|
-
|
|
10
|
+
t,
|
|
11
11
|
{
|
|
12
12
|
ref: e,
|
|
13
13
|
className: d(o),
|
|
@@ -17,7 +17,7 @@ const g = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
17
17
|
));
|
|
18
18
|
g.displayName = "DropdownMenuTrigger";
|
|
19
19
|
const y = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
20
|
-
|
|
20
|
+
w,
|
|
21
21
|
{
|
|
22
22
|
ref: e,
|
|
23
23
|
className: d(o),
|
|
@@ -26,7 +26,7 @@ const y = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
26
26
|
}
|
|
27
27
|
));
|
|
28
28
|
y.displayName = "DropdownMenuContent";
|
|
29
|
-
const $ = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(
|
|
29
|
+
const $ = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(D, { ...n, children: o });
|
|
30
30
|
$.displayName = "DropdownMenuGroup";
|
|
31
31
|
const C = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
32
32
|
M,
|
|
@@ -39,7 +39,7 @@ const C = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
39
39
|
));
|
|
40
40
|
C.displayName = "DropdownMenuLabel";
|
|
41
41
|
const I = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
42
|
-
|
|
42
|
+
m,
|
|
43
43
|
{
|
|
44
44
|
ref: e,
|
|
45
45
|
className: d(o),
|
|
@@ -49,7 +49,7 @@ const I = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
49
49
|
));
|
|
50
50
|
I.displayName = "DropdownMenuItem";
|
|
51
51
|
const h = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
52
|
-
|
|
52
|
+
i,
|
|
53
53
|
{
|
|
54
54
|
ref: e,
|
|
55
55
|
className: d(o),
|
|
@@ -58,10 +58,10 @@ const h = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
58
58
|
}
|
|
59
59
|
));
|
|
60
60
|
h.displayName = "DropdownMenuCheckboxItem";
|
|
61
|
-
const G = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(
|
|
61
|
+
const G = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(c, { ...n, children: o });
|
|
62
62
|
G.displayName = "DropdownMenuRadioGroup";
|
|
63
63
|
const T = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
64
|
-
|
|
64
|
+
l,
|
|
65
65
|
{
|
|
66
66
|
ref: e,
|
|
67
67
|
className: d(o),
|
|
@@ -71,7 +71,7 @@ const T = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
71
71
|
));
|
|
72
72
|
T.displayName = "DropdownMenuRadioItem";
|
|
73
73
|
const k = u.forwardRef(({ className: o, ...n }, r) => /* @__PURE__ */ a.jsx(
|
|
74
|
-
|
|
74
|
+
N,
|
|
75
75
|
{
|
|
76
76
|
ref: r,
|
|
77
77
|
className: d(o),
|
|
@@ -80,7 +80,7 @@ const k = u.forwardRef(({ className: o, ...n }, r) => /* @__PURE__ */ a.jsx(
|
|
|
80
80
|
));
|
|
81
81
|
k.displayName = "DropdownMenuSeparator";
|
|
82
82
|
const L = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
83
|
-
|
|
83
|
+
f,
|
|
84
84
|
{
|
|
85
85
|
ref: e,
|
|
86
86
|
className: d(o),
|
|
@@ -89,7 +89,7 @@ const L = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
89
89
|
}
|
|
90
90
|
));
|
|
91
91
|
L.displayName = "DropdownMenuShortcut";
|
|
92
|
-
const P = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(
|
|
92
|
+
const P = ({ children: o, ...n }) => /* @__PURE__ */ a.jsx(x, { ...n, children: o });
|
|
93
93
|
P.displayName = "DropdownMenuSub";
|
|
94
94
|
const E = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
95
95
|
b,
|
|
@@ -102,7 +102,7 @@ const E = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__
|
|
|
102
102
|
));
|
|
103
103
|
E.displayName = "DropdownMenuSubTrigger";
|
|
104
104
|
const q = u.forwardRef(({ className: o, children: n, ...r }, e) => /* @__PURE__ */ a.jsx(
|
|
105
|
-
|
|
105
|
+
S,
|
|
106
106
|
{
|
|
107
107
|
ref: e,
|
|
108
108
|
className: d(o),
|
|
@@ -4,11 +4,11 @@ import { Button as p } from "../../../vendor/shadcn/button.js";
|
|
|
4
4
|
import { Badge as V } from "../../../vendor/shadcn/badge.js";
|
|
5
5
|
import { Separator as C } from "../../../vendor/shadcn/separator.js";
|
|
6
6
|
import { Checkbox as E } from "../../../vendor/shadcn/checkbox.js";
|
|
7
|
-
import {
|
|
7
|
+
import { RadioGroup as L, RadioGroupItem as Q } from "../../../vendor/shadcn/radio-group.js";
|
|
8
8
|
import { Icon as w } from "../icon/icon.js";
|
|
9
9
|
import { cn as j } from "../../../lib/utils.js";
|
|
10
|
-
import { Tooltip as y } from "../tooltip/tooltip.js";
|
|
11
10
|
import { Field as F } from "../field/field.js";
|
|
11
|
+
import { Tooltip as y } from "../tooltip/tooltip.js";
|
|
12
12
|
const S = g(
|
|
13
13
|
({ label: s, onRemove: l, className: n, ...t }, c) => /* @__PURE__ */ e.jsxs(
|
|
14
14
|
V,
|
|
@@ -190,7 +190,7 @@ const q = g(
|
|
|
190
190
|
] }),
|
|
191
191
|
/* @__PURE__ */ e.jsx(C, { className: "w-full mb-6" }),
|
|
192
192
|
R && "selectedValue" in s ? /* @__PURE__ */ e.jsx(
|
|
193
|
-
|
|
193
|
+
L,
|
|
194
194
|
{
|
|
195
195
|
value: s.selectedValue,
|
|
196
196
|
onValueChange: s.onChange,
|
|
@@ -241,7 +241,7 @@ const z = g(({ label: s, checked: l, onCheckedChange: n, description: t, classNa
|
|
|
241
241
|
z.displayName = "FilterCheckboxOption";
|
|
242
242
|
const I = g(
|
|
243
243
|
({ label: s, value: l, description: n, className: t }, c) => /* @__PURE__ */ e.jsxs("div", { className: j("flex items-start gap-3", t), children: [
|
|
244
|
-
/* @__PURE__ */ e.jsx(
|
|
244
|
+
/* @__PURE__ */ e.jsx(Q, { ref: c, value: l, id: `radio-${l}` }),
|
|
245
245
|
/* @__PURE__ */ e.jsxs(
|
|
246
246
|
"label",
|
|
247
247
|
{
|
|
@@ -209,6 +209,9 @@ declare const IconList: {
|
|
|
209
209
|
Queue: import('@phosphor-icons/react').Icon;
|
|
210
210
|
DeviceMobileSpeaker: import('@phosphor-icons/react').Icon;
|
|
211
211
|
Camera: import('@phosphor-icons/react').Icon;
|
|
212
|
+
ArrowSquareOut: import('@phosphor-icons/react').Icon;
|
|
213
|
+
SquareHalf: import('@phosphor-icons/react').Icon;
|
|
214
|
+
SquareHalfBottom: import('@phosphor-icons/react').Icon;
|
|
212
215
|
FileXls: import('@phosphor-icons/react').Icon;
|
|
213
216
|
FilePng: import('@phosphor-icons/react').Icon;
|
|
214
217
|
FileJpg: import('@phosphor-icons/react').Icon;
|