impact-nova 1.7.14 → 1.7.16
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/ui/ag-grid-react/index.js +141 -148
- package/dist/components/ui/create-item-flow/create-item-flow.d.ts +60 -0
- package/dist/components/ui/create-item-flow/create-item-flow.js +267 -0
- package/dist/components/ui/create-item-flow/index.d.ts +1 -0
- package/dist/components/ui/create-item-flow/index.js +16 -0
- package/dist/components/ui/notification-panel/notification-item.js +2 -2
- package/dist/components/ui/report-card/index.d.ts +1 -0
- package/dist/components/ui/report-card/index.js +8 -0
- package/dist/components/ui/report-card/report-card.d.ts +16 -0
- package/dist/components/ui/report-card/report-card.js +105 -0
- package/dist/components/ui/sidebar.js +4 -1
- package/dist/icons/assets/bookmarkFilled.svg.js +2 -2
- package/dist/icons/assets/createFlowImage.svg.js +5 -0
- package/dist/icons/assets/infoCircleFilled.svg.js +5 -0
- package/dist/icons/assets/webp/Checkmark_success.webp.js +4 -0
- package/dist/icons/assets/webp/report1.webp.js +4 -0
- package/dist/icons/assets/webp/report2.webp.js +4 -0
- package/dist/icons/index.d.ts +4 -0
- package/dist/icons/index.js +256 -248
- package/dist/impact-nova.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +319 -299
- package/package.json +15 -1
|
@@ -0,0 +1,267 @@
|
|
|
1
|
+
import { jsx as l, jsxs as f } from "react/jsx-runtime";
|
|
2
|
+
import * as n from "react";
|
|
3
|
+
import { cn as r } from "../../../lib/utils.js";
|
|
4
|
+
import { Button as w } from "../button.js";
|
|
5
|
+
import { ChevronLeft as g, ChevronRight as y } from "lucide-react";
|
|
6
|
+
import R from "../../../icons/assets/createFlowImage.svg.js";
|
|
7
|
+
const I = n.createContext(null), C = () => {
|
|
8
|
+
const t = n.useContext(I);
|
|
9
|
+
if (!t)
|
|
10
|
+
throw new Error("CreateItemFlow.* components must be used within CreateItemFlowRoot");
|
|
11
|
+
return t;
|
|
12
|
+
}, b = ({
|
|
13
|
+
step: t = 1,
|
|
14
|
+
totalSteps: e,
|
|
15
|
+
steps: a = [],
|
|
16
|
+
onStepChange: o,
|
|
17
|
+
children: i
|
|
18
|
+
}) => {
|
|
19
|
+
const s = e ?? a.length;
|
|
20
|
+
return /* @__PURE__ */ l(I.Provider, { value: { step: t, totalSteps: s, steps: a, onStepChange: o }, children: i });
|
|
21
|
+
};
|
|
22
|
+
b.displayName = "CreateItemFlowRoot";
|
|
23
|
+
const S = n.forwardRef(
|
|
24
|
+
({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
|
|
25
|
+
"div",
|
|
26
|
+
{
|
|
27
|
+
ref: o,
|
|
28
|
+
className: r(
|
|
29
|
+
"flex flex-row bg-canvas-elevated rounded-lg shadow-elevation-card overflow-hidden w-full max-w-[1496px] h-[817px] m-auto min-w-0",
|
|
30
|
+
t
|
|
31
|
+
),
|
|
32
|
+
...a,
|
|
33
|
+
children: e
|
|
34
|
+
}
|
|
35
|
+
)
|
|
36
|
+
);
|
|
37
|
+
S.displayName = "CreateItemFlowCard";
|
|
38
|
+
const k = n.forwardRef(
|
|
39
|
+
({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
|
|
40
|
+
"div",
|
|
41
|
+
{
|
|
42
|
+
ref: o,
|
|
43
|
+
className: r(
|
|
44
|
+
"hidden lg:flex flex-col w-[300px] xl:w-[427px] shrink-0 bg-canvas-elevated border-r border-stroke-hairline pt-[100px]",
|
|
45
|
+
t
|
|
46
|
+
),
|
|
47
|
+
"data-slot": "left-panel",
|
|
48
|
+
...a,
|
|
49
|
+
children: e
|
|
50
|
+
}
|
|
51
|
+
)
|
|
52
|
+
);
|
|
53
|
+
k.displayName = "CreateItemFlowLeftPanel";
|
|
54
|
+
const D = n.forwardRef(
|
|
55
|
+
({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
|
|
56
|
+
"h1",
|
|
57
|
+
{
|
|
58
|
+
ref: o,
|
|
59
|
+
className: r("font-manrope text-[24px] font-[800] leading-[36px] text-[#0D152C] mb-3 px-6 lg:px-10 xl:px-[64px]", t),
|
|
60
|
+
...a,
|
|
61
|
+
children: e
|
|
62
|
+
}
|
|
63
|
+
)
|
|
64
|
+
);
|
|
65
|
+
D.displayName = "CreateItemFlowTitle";
|
|
66
|
+
const j = n.forwardRef(
|
|
67
|
+
({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
|
|
68
|
+
"p",
|
|
69
|
+
{
|
|
70
|
+
ref: o,
|
|
71
|
+
className: r("font-manrope text-[12px] font-[500] leading-[16px] text-[#7A8294] px-6 lg:px-10 xl:px-[64px]", t),
|
|
72
|
+
...a,
|
|
73
|
+
children: e
|
|
74
|
+
}
|
|
75
|
+
)
|
|
76
|
+
);
|
|
77
|
+
j.displayName = "CreateItemFlowDescription";
|
|
78
|
+
const A = n.forwardRef(
|
|
79
|
+
({ className: t, src: e, alt: a = "Create Item Flow", children: o, ...i }, s) => /* @__PURE__ */ l(
|
|
80
|
+
"div",
|
|
81
|
+
{
|
|
82
|
+
ref: s,
|
|
83
|
+
className: r(
|
|
84
|
+
"mt-auto shrink-0 w-[200px] xl:w-[280px] h-[120px] xl:h-[166px] mx-auto xl:ml-[73px] xl:mr-[73px] mb-[100px]",
|
|
85
|
+
t
|
|
86
|
+
),
|
|
87
|
+
"data-slot": "left-panel-image",
|
|
88
|
+
...i,
|
|
89
|
+
children: o || (e ? /* @__PURE__ */ l(
|
|
90
|
+
"img",
|
|
91
|
+
{
|
|
92
|
+
src: e,
|
|
93
|
+
alt: a,
|
|
94
|
+
className: "w-full h-full object-contain"
|
|
95
|
+
}
|
|
96
|
+
) : /* @__PURE__ */ l(
|
|
97
|
+
R,
|
|
98
|
+
{
|
|
99
|
+
className: "w-full h-full",
|
|
100
|
+
role: "img",
|
|
101
|
+
"aria-label": a
|
|
102
|
+
}
|
|
103
|
+
))
|
|
104
|
+
}
|
|
105
|
+
)
|
|
106
|
+
);
|
|
107
|
+
A.displayName = "CreateItemFlowImage";
|
|
108
|
+
const P = n.forwardRef(
|
|
109
|
+
({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
|
|
110
|
+
"div",
|
|
111
|
+
{
|
|
112
|
+
ref: o,
|
|
113
|
+
className: r(
|
|
114
|
+
"flex flex-col flex-1 min-w-0 overflow-hidden pt-[50px] px-6 sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px] pb-[73px]",
|
|
115
|
+
t
|
|
116
|
+
),
|
|
117
|
+
"data-slot": "right-panel",
|
|
118
|
+
...a,
|
|
119
|
+
children: e
|
|
120
|
+
}
|
|
121
|
+
)
|
|
122
|
+
);
|
|
123
|
+
P.displayName = "CreateItemFlowRightPanel";
|
|
124
|
+
const T = n.forwardRef(
|
|
125
|
+
({ className: t, clickable: e = !0, ...a }, o) => {
|
|
126
|
+
const { step: i, totalSteps: s, onStepChange: p } = C();
|
|
127
|
+
return s <= 0 ? null : /* @__PURE__ */ l(
|
|
128
|
+
"div",
|
|
129
|
+
{
|
|
130
|
+
ref: o,
|
|
131
|
+
className: r("flex gap-2 mb-[42px] shrink-0", t),
|
|
132
|
+
"data-slot": "stepper",
|
|
133
|
+
role: "list",
|
|
134
|
+
...a,
|
|
135
|
+
children: Array.from({ length: s }, (u, m) => {
|
|
136
|
+
const c = m === i - 1, d = m < i - 1;
|
|
137
|
+
return /* @__PURE__ */ l(
|
|
138
|
+
"div",
|
|
139
|
+
{
|
|
140
|
+
role: "listitem",
|
|
141
|
+
"aria-label": `Step ${m + 1} of ${s}`,
|
|
142
|
+
"aria-current": c ? "step" : void 0,
|
|
143
|
+
tabIndex: e && p ? 0 : void 0,
|
|
144
|
+
onClick: () => e && p?.(m + 1),
|
|
145
|
+
onKeyDown: e && p ? (x) => {
|
|
146
|
+
(x.key === "Enter" || x.key === " ") && (x.preventDefault(), p(m + 1));
|
|
147
|
+
} : void 0,
|
|
148
|
+
className: r(
|
|
149
|
+
"h-2 flex-1 max-w-[132px] rounded-[4px] transition-colors duration-300",
|
|
150
|
+
c || d ? "bg-[#4259ee]" : "bg-[#e8eaf6]",
|
|
151
|
+
e && p ? "cursor-pointer" : "cursor-default"
|
|
152
|
+
)
|
|
153
|
+
},
|
|
154
|
+
m
|
|
155
|
+
);
|
|
156
|
+
})
|
|
157
|
+
}
|
|
158
|
+
);
|
|
159
|
+
}
|
|
160
|
+
);
|
|
161
|
+
T.displayName = "CreateItemFlowStepper";
|
|
162
|
+
const L = n.forwardRef(
|
|
163
|
+
({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
|
|
164
|
+
"h2",
|
|
165
|
+
{
|
|
166
|
+
ref: o,
|
|
167
|
+
className: r("font-manrope text-[14px] font-[800] leading-[21px] text-[#0D152C]", t),
|
|
168
|
+
...a,
|
|
169
|
+
children: e
|
|
170
|
+
}
|
|
171
|
+
)
|
|
172
|
+
);
|
|
173
|
+
L.displayName = "CreateItemFlowContentTitle";
|
|
174
|
+
const B = n.forwardRef(
|
|
175
|
+
({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
|
|
176
|
+
"p",
|
|
177
|
+
{
|
|
178
|
+
ref: o,
|
|
179
|
+
className: r("text-[14px] font-normal leading-relaxed text-content-muted", t),
|
|
180
|
+
...a,
|
|
181
|
+
children: e
|
|
182
|
+
}
|
|
183
|
+
)
|
|
184
|
+
);
|
|
185
|
+
B.displayName = "CreateItemFlowContentDescription";
|
|
186
|
+
const E = n.forwardRef(
|
|
187
|
+
({ className: t, children: e, ...a }, o) => /* @__PURE__ */ l(
|
|
188
|
+
"div",
|
|
189
|
+
{
|
|
190
|
+
ref: o,
|
|
191
|
+
className: r("flex-1 overflow-y-auto overflow-x-hidden min-h-0 p-0.5", t),
|
|
192
|
+
"data-slot": "content",
|
|
193
|
+
...a,
|
|
194
|
+
children: e
|
|
195
|
+
}
|
|
196
|
+
)
|
|
197
|
+
);
|
|
198
|
+
E.displayName = "CreateItemFlowContent";
|
|
199
|
+
const $ = n.forwardRef(
|
|
200
|
+
({ className: t, forStep: e, children: a, ...o }, i) => {
|
|
201
|
+
const { step: s } = C();
|
|
202
|
+
return s !== e ? null : /* @__PURE__ */ l("div", { ref: i, className: r(t), "data-step": e, ...o, children: a });
|
|
203
|
+
}
|
|
204
|
+
);
|
|
205
|
+
$.displayName = "CreateItemFlowStepContent";
|
|
206
|
+
const K = n.forwardRef(
|
|
207
|
+
({
|
|
208
|
+
className: t,
|
|
209
|
+
children: e,
|
|
210
|
+
cancelLabel: a = "Cancel",
|
|
211
|
+
backLabel: o = "Back",
|
|
212
|
+
nextLabel: i = "Next",
|
|
213
|
+
submitLabel: s = "Submit",
|
|
214
|
+
onCancel: p,
|
|
215
|
+
onSubmit: u,
|
|
216
|
+
...m
|
|
217
|
+
}, c) => {
|
|
218
|
+
const { step: d, totalSteps: x, onStepChange: h } = C(), F = d === 1, N = d === x, v = x <= 1;
|
|
219
|
+
return e ? /* @__PURE__ */ l(
|
|
220
|
+
"div",
|
|
221
|
+
{
|
|
222
|
+
ref: c,
|
|
223
|
+
className: r("flex items-center justify-between mt-auto shrink-0 pb-[27px]", t),
|
|
224
|
+
"data-slot": "actions",
|
|
225
|
+
...m,
|
|
226
|
+
children: e
|
|
227
|
+
}
|
|
228
|
+
) : /* @__PURE__ */ f(
|
|
229
|
+
"div",
|
|
230
|
+
{
|
|
231
|
+
ref: c,
|
|
232
|
+
className: r("flex items-center justify-between mt-auto shrink-0 pb-[27px]", t),
|
|
233
|
+
"data-slot": "actions",
|
|
234
|
+
...m,
|
|
235
|
+
children: [
|
|
236
|
+
/* @__PURE__ */ f("div", { className: "flex items-center gap-3", children: [
|
|
237
|
+
!F && !v && /* @__PURE__ */ f(w, { variant: "tertiary", onClick: () => h?.(d - 1), children: [
|
|
238
|
+
/* @__PURE__ */ l(g, { className: "w-4 h-4" }),
|
|
239
|
+
o
|
|
240
|
+
] }),
|
|
241
|
+
/* @__PURE__ */ l(w, { variant: "secondary", onClick: p, children: a })
|
|
242
|
+
] }),
|
|
243
|
+
/* @__PURE__ */ l("div", { children: v || N ? /* @__PURE__ */ l(w, { variant: "default", onClick: u, children: s }) : /* @__PURE__ */ f(w, { variant: "default", onClick: () => h?.(d + 1), children: [
|
|
244
|
+
i,
|
|
245
|
+
/* @__PURE__ */ l(y, { className: "w-4 h-4" })
|
|
246
|
+
] }) })
|
|
247
|
+
]
|
|
248
|
+
}
|
|
249
|
+
);
|
|
250
|
+
}
|
|
251
|
+
);
|
|
252
|
+
K.displayName = "CreateItemFlowActions";
|
|
253
|
+
export {
|
|
254
|
+
K as CreateItemFlowActions,
|
|
255
|
+
S as CreateItemFlowCard,
|
|
256
|
+
E as CreateItemFlowContent,
|
|
257
|
+
B as CreateItemFlowContentDescription,
|
|
258
|
+
L as CreateItemFlowContentTitle,
|
|
259
|
+
j as CreateItemFlowDescription,
|
|
260
|
+
A as CreateItemFlowImage,
|
|
261
|
+
k as CreateItemFlowLeftPanel,
|
|
262
|
+
P as CreateItemFlowRightPanel,
|
|
263
|
+
b as CreateItemFlowRoot,
|
|
264
|
+
$ as CreateItemFlowStepContent,
|
|
265
|
+
T as CreateItemFlowStepper,
|
|
266
|
+
D as CreateItemFlowTitle
|
|
267
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CreateItemFlowRoot, CreateItemFlowCard, CreateItemFlowLeftPanel, CreateItemFlowTitle, CreateItemFlowDescription, CreateItemFlowImage, CreateItemFlowRightPanel, CreateItemFlowStepper, CreateItemFlowContentTitle, CreateItemFlowContentDescription, CreateItemFlowContent, CreateItemFlowStepContent, CreateItemFlowActions, type CreateItemFlowRootProps, type CreateItemFlowImageProps, type CreateItemFlowStep, type CreateItemFlowStepperProps, type CreateItemFlowStepContentProps, type CreateItemFlowActionsProps, } from './create-item-flow';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { CreateItemFlowActions as o, CreateItemFlowCard as r, CreateItemFlowContent as C, CreateItemFlowContentDescription as a, CreateItemFlowContentTitle as l, CreateItemFlowDescription as m, CreateItemFlowImage as I, CreateItemFlowLeftPanel as n, CreateItemFlowRightPanel as w, CreateItemFlowRoot as F, CreateItemFlowStepContent as i, CreateItemFlowStepper as p, CreateItemFlowTitle as c } from "./create-item-flow.js";
|
|
2
|
+
export {
|
|
3
|
+
o as CreateItemFlowActions,
|
|
4
|
+
r as CreateItemFlowCard,
|
|
5
|
+
C as CreateItemFlowContent,
|
|
6
|
+
a as CreateItemFlowContentDescription,
|
|
7
|
+
l as CreateItemFlowContentTitle,
|
|
8
|
+
m as CreateItemFlowDescription,
|
|
9
|
+
I as CreateItemFlowImage,
|
|
10
|
+
n as CreateItemFlowLeftPanel,
|
|
11
|
+
w as CreateItemFlowRightPanel,
|
|
12
|
+
F as CreateItemFlowRoot,
|
|
13
|
+
i as CreateItemFlowStepContent,
|
|
14
|
+
p as CreateItemFlowStepper,
|
|
15
|
+
c as CreateItemFlowTitle
|
|
16
|
+
};
|
|
@@ -43,9 +43,9 @@ const y = ({
|
|
|
43
43
|
), children: n })
|
|
44
44
|
]
|
|
45
45
|
}
|
|
46
|
-
), b = ({ className: n, children: t, ...o }) => /* @__PURE__ */ i("div", { "data-role": "notification-icon", className: a("flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-full transition-opacity duration-200", n), ...o, children: t }), v = ({ className: n, children: t, ...o }) => /* @__PURE__ */ i("div", { className: a("flex flex-col flex-1 min-w-0
|
|
46
|
+
), b = ({ className: n, children: t, ...o }) => /* @__PURE__ */ i("div", { "data-role": "notification-icon", className: a("flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-full transition-opacity duration-200", n), ...o, children: t }), v = ({ className: n, children: t, ...o }) => /* @__PURE__ */ i("div", { className: a("flex flex-col flex-1 min-w-0", n), ...o, children: t }), k = ({ className: n, children: t, ml: o, ...e }) => /* @__PURE__ */ i("h4", { className: a("text-sm font-bold text-content leading-snug break-words", o && "ml-2", n), ...e, children: t }), w = ({ className: n, children: t, isTime: o, ...e }) => {
|
|
47
47
|
const [c, r] = f.useState(!1), s = typeof t == "string" ? t : "", l = !o && s.length > 150;
|
|
48
|
-
return o ? /* @__PURE__ */ i("p", { className: a("text-xs text-content-badge mt-
|
|
48
|
+
return o ? /* @__PURE__ */ i("p", { className: a("text-xs text-content-badge mt-1", n), ...e, children: t }) : /* @__PURE__ */ i("div", { className: a("text-sm font-medium text-content break-words leading-5 mt-3", n), children: /* @__PURE__ */ p("p", { ...e, children: [
|
|
49
49
|
l && !c ? `${s.slice(0, 150)}` : t,
|
|
50
50
|
l && !c && /* @__PURE__ */ p(m, { children: [
|
|
51
51
|
"... ",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ReportCardRoot, ReportCardContent, ReportCardIcon, ReportCardTitle, ReportCardDescription, type ReportCardRootProps, type ReportCardContentProps, } from './report-card';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReportCardContent as t, ReportCardDescription as e, ReportCardIcon as p, ReportCardRoot as C, ReportCardTitle as R } from "./report-card.js";
|
|
2
|
+
export {
|
|
3
|
+
t as ReportCardContent,
|
|
4
|
+
e as ReportCardDescription,
|
|
5
|
+
p as ReportCardIcon,
|
|
6
|
+
C as ReportCardRoot,
|
|
7
|
+
R as ReportCardTitle
|
|
8
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface ReportCardRootProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/** Whether this card is currently selected */
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
/** Gradient variant: "purple" (default) or "blue" */
|
|
6
|
+
variant?: "purple" | "blue";
|
|
7
|
+
/** Custom gradient background. Overrides variant if provided. */
|
|
8
|
+
gradient?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const ReportCardRoot: React.ForwardRefExoticComponent<ReportCardRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export type ReportCardContentProps = React.HTMLAttributes<HTMLDivElement>;
|
|
12
|
+
declare const ReportCardContent: React.ForwardRefExoticComponent<ReportCardContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
declare const ReportCardIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const ReportCardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
|
|
15
|
+
declare const ReportCardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
16
|
+
export { ReportCardRoot, ReportCardContent, ReportCardIcon, ReportCardTitle, ReportCardDescription, };
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { jsx as a, jsxs as c } from "react/jsx-runtime";
|
|
2
|
+
import * as i from "react";
|
|
3
|
+
import { cn as n } from "../../../lib/utils.js";
|
|
4
|
+
import { CheckmarkSuccess as p } from "../../../icons/index.js";
|
|
5
|
+
const f = i.createContext({ selected: !1 }), m = {
|
|
6
|
+
purple: "linear-gradient(135deg, #F1DEFE 0%, #F6EDFD 33%, #F6EDFD 66%, #EDD3FE 100%)",
|
|
7
|
+
blue: "linear-gradient(135deg, #F1F3FD 0%, #E2E6FF 33%, #F7F8FF 66%, #EAEDFF 100%)"
|
|
8
|
+
}, u = i.forwardRef(
|
|
9
|
+
({ className: r, selected: e = !1, variant: o = "purple", gradient: t, children: s, ...d }, l) => /* @__PURE__ */ a(f.Provider, { value: { selected: e }, children: /* @__PURE__ */ c(
|
|
10
|
+
"div",
|
|
11
|
+
{
|
|
12
|
+
ref: l,
|
|
13
|
+
className: n(
|
|
14
|
+
"relative flex max-w-[332px] shrink-0 p-3 flex-col items-start gap-[18px] rounded-lg border transition-colors cursor-pointer",
|
|
15
|
+
"outline-none focus:outline-none focus-visible:outline-none",
|
|
16
|
+
"focus:ring-0 focus-visible:ring-0 active:ring-0",
|
|
17
|
+
"focus:ring-offset-0 focus-visible:ring-offset-0",
|
|
18
|
+
"focus:border-stroke-hairline",
|
|
19
|
+
e ? "border-stroke-hairline" : "border-stroke-hairline hover:border-brand hover:ring-1 hover:ring-brand focus:hover:ring-0",
|
|
20
|
+
r
|
|
21
|
+
),
|
|
22
|
+
style: {
|
|
23
|
+
width: 331.88,
|
|
24
|
+
background: t ?? m[o]
|
|
25
|
+
},
|
|
26
|
+
"data-component": "report-card",
|
|
27
|
+
"data-selected": e || void 0,
|
|
28
|
+
role: "option",
|
|
29
|
+
"aria-selected": e,
|
|
30
|
+
tabIndex: 0,
|
|
31
|
+
...d,
|
|
32
|
+
children: [
|
|
33
|
+
e && /* @__PURE__ */ a(p, { size: 14, alt: "Selected", className: "absolute top-3 right-3 shrink-0" }),
|
|
34
|
+
s
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
) })
|
|
38
|
+
);
|
|
39
|
+
u.displayName = "ReportCardRoot";
|
|
40
|
+
const g = i.forwardRef(
|
|
41
|
+
({ className: r, children: e, ...o }, t) => /* @__PURE__ */ a(
|
|
42
|
+
"div",
|
|
43
|
+
{
|
|
44
|
+
ref: t,
|
|
45
|
+
className: n("flex flex-col items-start gap-3 w-full", r),
|
|
46
|
+
"data-slot": "report-card-content",
|
|
47
|
+
...o,
|
|
48
|
+
children: e
|
|
49
|
+
}
|
|
50
|
+
)
|
|
51
|
+
);
|
|
52
|
+
g.displayName = "ReportCardContent";
|
|
53
|
+
const x = i.forwardRef(
|
|
54
|
+
({ className: r, children: e, ...o }, t) => /* @__PURE__ */ a(
|
|
55
|
+
"div",
|
|
56
|
+
{
|
|
57
|
+
ref: t,
|
|
58
|
+
className: n(
|
|
59
|
+
"flex items-center justify-center w-9 h-9 rounded-full bg-white shrink-0",
|
|
60
|
+
r
|
|
61
|
+
),
|
|
62
|
+
"data-slot": "report-card-icon",
|
|
63
|
+
...o,
|
|
64
|
+
children: /* @__PURE__ */ a("div", { className: "w-6 h-6 flex items-center justify-center [&_svg]:w-6 [&_svg]:h-6", children: e })
|
|
65
|
+
}
|
|
66
|
+
)
|
|
67
|
+
);
|
|
68
|
+
x.displayName = "ReportCardIcon";
|
|
69
|
+
const h = i.forwardRef(
|
|
70
|
+
({ className: r, children: e, ...o }, t) => /* @__PURE__ */ a(
|
|
71
|
+
"h3",
|
|
72
|
+
{
|
|
73
|
+
ref: t,
|
|
74
|
+
className: n(
|
|
75
|
+
"font-manrope text-[14px] font-semibold leading-[21px] text-[#0D152C]",
|
|
76
|
+
r
|
|
77
|
+
),
|
|
78
|
+
...o,
|
|
79
|
+
children: e
|
|
80
|
+
}
|
|
81
|
+
)
|
|
82
|
+
);
|
|
83
|
+
h.displayName = "ReportCardTitle";
|
|
84
|
+
const R = i.forwardRef(
|
|
85
|
+
({ className: r, children: e, ...o }, t) => /* @__PURE__ */ a(
|
|
86
|
+
"p",
|
|
87
|
+
{
|
|
88
|
+
ref: t,
|
|
89
|
+
className: n(
|
|
90
|
+
"font-manrope text-[12px] font-medium leading-[134%] text-[#1F2B4D]",
|
|
91
|
+
r
|
|
92
|
+
),
|
|
93
|
+
...o,
|
|
94
|
+
children: e
|
|
95
|
+
}
|
|
96
|
+
)
|
|
97
|
+
);
|
|
98
|
+
R.displayName = "ReportCardDescription";
|
|
99
|
+
export {
|
|
100
|
+
g as ReportCardContent,
|
|
101
|
+
R as ReportCardDescription,
|
|
102
|
+
x as ReportCardIcon,
|
|
103
|
+
u as ReportCardRoot,
|
|
104
|
+
h as ReportCardTitle
|
|
105
|
+
};
|
|
@@ -252,7 +252,10 @@ const oe = n.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ a(
|
|
|
252
252
|
{
|
|
253
253
|
ref: e,
|
|
254
254
|
"data-sidebar": "separator",
|
|
255
|
-
className: l(
|
|
255
|
+
className: l(
|
|
256
|
+
"mx-5 w-auto bg-[#31416e] group-data-[state=collapsed]:mx-0 group-data-[state=collapsed]:w-full",
|
|
257
|
+
t
|
|
258
|
+
),
|
|
256
259
|
...r
|
|
257
260
|
}
|
|
258
261
|
));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
const
|
|
2
|
+
const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", stroke: "currentColor", strokeWidth: 2, ...t }, /* @__PURE__ */ e.createElement("path", { d: "M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" }));
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
r as default
|
|
5
5
|
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: 281, height: 167, viewBox: "0 0 281 167", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M280.129 159.898C284.289 148.905 266.837 151.742 266.233 152.044L265.327 159.898C226.901 166.424 192.524 162.617 180.138 159.898V142.981L148.117 159.898C126.85 161.348 114.876 154.052 109.752 151.138L112.773 141.169L69.8761 158.086L55.98 148.721C48.6292 150.735 31.2088 155.609 20.3336 158.992C9.45844 162.376 12.7814 163.826 15.8023 164.128C102.199 166.242 275.9 171.076 280.129 159.898Z", fill: "#3BB273" }), /* @__PURE__ */ e.createElement("path", { d: "M237.837 41.4796C238.844 45.5075 238.441 53.261 228.774 52.0527C219.107 50.8444 223.337 33.9274 232.097 36.0421", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M196.753 15.1984C211.756 16.7088 245.631 18.4005 261.097 13.0837", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M267.744 6.73967L265.356 160.185C265.34 161.22 264.542 162.072 263.509 162.143C242.932 163.573 201.141 164.923 181.639 160C180.748 159.775 180.162 158.951 180.196 158.033L185.806 4.48205C185.846 3.38884 186.742 2.5305 187.836 2.5509C202.233 2.8193 234.898 2.8442 265.327 1", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M197.961 151.44C209.541 151.541 235.239 151.259 245.389 149.325", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M125.762 147.815C127.574 148.52 132.227 150.292 136.335 151.742", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M160.2 24.2607C162.516 25.4691 167.752 27.5233 170.169 26.0733", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M158.66 9.0653L179.992 16.3055C181.99 16.9834 181.668 19.4779 179.563 19.3476C168.959 18.6914 160.942 14.1093 157.377 10.7279C156.258 9.66641 157.199 8.56955 158.66 9.0653Z", fill: "#E15554", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M183.159 31.8127L147.814 159.294C134.281 161.711 117.001 154.863 110.053 151.137C114.645 133.254 142.478 46.7157 155.367 7.0415L184.367 17.0104", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M135.731 52.9592L121.388 41.5927C120.484 40.8766 119.164 41.0709 118.505 42.0171L51.751 137.846", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M49.0315 142.679L70.4797 158.086L136.939 56.2822", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M3.71879 150.231C5.40973 153.05 9.62466 158.497 13.7146 159.215C14.2693 159.313 14.81 159.057 15.189 158.64L101.647 63.6249C102.433 62.7611 102.317 61.4101 101.425 60.6565C99.3735 58.9242 96.5497 56.3246 94.3228 53.6699C93.5138 52.7056 92.0258 52.5969 91.156 53.5067L1 147.815", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("circle", { cx: 10.9681, cy: 148.721, r: 1, fill: "#E15554", stroke: "#29399F", strokeWidth: 0.416703 }), /* @__PURE__ */ e.createElement("circle", { cx: 62.9283, cy: 146.305, r: 1, fill: "#E15554", stroke: "#29399F", strokeWidth: 0.416703 }), /* @__PURE__ */ e.createElement("circle", { cx: 123.346, cy: 53.8656, r: 1, fill: "#E15554", stroke: "#29399F", strokeWidth: 0.416703 }), /* @__PURE__ */ e.createElement("circle", { cx: 93.7411, cy: 60.5111, r: 1, fill: "#E15554", stroke: "#29399F", strokeWidth: 0.416703 }), /* @__PURE__ */ e.createElement("path", { d: "M92.835 52.3546L114.283 46.917", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M120.022 40.8757L146.908 32.4172", stroke: "#29399F", strokeWidth: 2, strokeLinecap: "round" }));
|
|
3
|
+
export {
|
|
4
|
+
r as default
|
|
5
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: 30, height: 30, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("circle", { cx: 15, cy: 15, r: 14, fill: "currentColor", fillOpacity: 0.1, stroke: "currentColor", strokeWidth: 1 }), /* @__PURE__ */ e.createElement("path", { d: "M16.0168 10.228V20H14.0568V10.228H16.0168Z", fill: "currentColor" }));
|
|
3
|
+
export {
|
|
4
|
+
r as default
|
|
5
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const A = "data:image/webp;base64,UklGRngBAABXRUJQVlA4WAoAAAAQAAAAGwAAGwAAQUxQSFMAAAABJ0CQbTN/5u3XiIjg/mDQtpGkDIPpHoKDsBCOP6zZ6d4HIKL/E0Ad0kmvZaN2kV0UmUA6AbK30oud4U398vCu9GIHj610AnAAsotCx3pFf0iTCgBWUDgg/gAAABAHAJ0BKhwAHAA+bTCTRyQioaEoCqiADYlsAJ0yhHA3lcmA9QG2A3AG8Abx2Sjn/b+QJ4B+gCFD4cBYpgwjdR4AANaC557ZllH4v8zlXg15ssf8oz/HMBbpmN//n/9bvp3t+l10M3gvg/md/Uup1DKHw3Ddr5QuIP/3nw0kbKsfGkfDD9PhGZKEgcJ8KqtCFhNnhVClKlutmt2GAbeXxeNayC8PsW5Q8UDFnZcPszlkDSfRBd458tQPzyeB/lGYQW5T/VJaGN2wsHsCqyFLvQXmjGYpKFVx2rsD/2VdU+z7g+o9laGJb+WG0DGxnZrahuhG9mRx/8Nlvz+IAAAA";
|
|
2
|
+
export {
|
|
3
|
+
A as default
|
|
4
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const A = "data:image/webp;base64,UklGRo4GAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSFICAAABoKvtv2nb+Y0x56kc27wB1rauwKls204qJ90pY9t2roCri9eec4z/+I/x/xWTccqImAD889YD1Sg/UM/if1l0f99k1F4/L7rfYdb1bEUk2t6jDs5JRBrWs6xjJmm256gDC0mm/3T1plt3dxjntu7dpprFsf+YUXuzf5NZPM3MaIeN2o3W5Ya5SNIOndD/fxZ2938Of1CWmLQouf7PsTVTihKjCt0sRSdVxzOymwSz/G5xCvwJDJ34Q59zYM7Ws4a2ZJjisDFb5/2eCpf9qLQiYof5Ey2yZZhyVREWUh8A4NyRjDGbaSzc50QGkg05yl1UhCE31NM6N5XWoliKWlaiBWpjbHhgPbTJ2SaMvIzB9geq401EcyxR2LBRS7poCpc8YNeBk00odnp1ELkdHNiKNcaQmbSlNPlefNgULnl0nzJS7AznqqNYwd0p1IYWLJgVbRNvR4X3msIVaqexSCkXOAfUq2tgGaMa1aJGMmQrRzp4vN0WBrZky8BULncO/auYJZIhmwppRdPTADzeaAsDQ2Bkytc6h8FNSFPSkgaSTG34GgA8Xg2FgRao+RbnMLyWlhPJoCmQVImfduDxUsgUoerdcBjpqCJkazkWYzbVh3vg8XzIpKb74DB60UoptJSsJVtl3tf1wOOZkFUehcNod7xajGTWJS0wBmLY48koG+Ew9bffLKVkyUprK0WP90PwePIxOEyt1/M3ay1LMg0W3sJoDzhMr3fmMmdpQrKgH8CPmrvCR0wSY8w8ERX+jBW2uPbLxTfPHQ7v8Cd16HX4FwhWUDggFgQAABAXAJ0BKjAAMAA+aSaQRaQiIZcd/zBABoS2AF+4wOjfL2TNvyJROwr8p0o/El6S3mA6CnoAf2b/HekB7EHoAeWP+zPwY/ub6QF3hfbuhB8dexOUf/MeUF0D8Wf5/wAY5n0z72+ZB/ZP9d6IH9r/c/yj9sXz7/r/cH/kH85/2X9p/IL5QPXH+sHsJfpy6XAFrCUH/PDAZ0FqcRnRUEwD5qIOhyNrTwLfHlBaMf0S5hxYhb1XtdH843O5ZSkQlC/+9AAA/v/w/Nfueeqqg9Y43cORblNOlvyGKe3/4XT5FdobcctQj7/3qF9XyAPPliI2AaRd/P3y979ayLT8FWAGHejbPPS9XX3yPrflndNva+RUVysD/zjj9PuOa5YHvy2S9zKBrsB/RZ13lk200xq/wLrovyPET+90WD427lLW+84T5dAAYrZJJ4LKjB8TDGvAiSWwyJC1c9AGHWKnGzdsWwWvGP8H3ntvTZ3FDubbgf8a9yv+/szV3nfe3M+6zjbaGUsBfYf6cmMb//pzZo8lELJzQnmQJ7HlvEjtgUwzCqwgnzPW6j3fUn4ccpisXMe1euQLKtXwe9byWDmheQhS8HJ/SX2Bkgsqc6g7/bTTvJ0T1Kmp+CbNmf8LCa/RF8r8e2byz80XxxQ62X5TOatz9pp4PUfduIuCTClFH8PSGI/hsDyQfCu5b/3g+gHlwyznLivcep58nxxfsThWgN9w/AsvYIcAQWZY/Cl+QbzXgU0GbMwya6asjAnNUTfoaBDQWoJVhhHKVyvm4+WPiViJM+HcXyT6c5VPWuDWxEz/6ikvxrsPOM1+eAoMa5ZJeAfdgjthnHtQ8NTkwN/Eb2aivq1Uxi3OmcRZf3INOC/5gl9H91yFErdXjgQJbvuQh3NS0HQ3/TW38J2vD988W2gPuWspEq+lZHQh2GIhMRSUhPLXlt3+6gjUXOX5YtmslYJLoa+SoNb36hySD7UN2B37pOU9kEhkh+hXmmZwHfQ//O7Sie/wdLOPaQOMPy1+FBvXeDH0QnBZkuaGAQZ1rFHVpyUhClMkcIhEMzJsn640CJMxi2GNa1jZH702N2XgE9i1tg1KsDEpxs2LYVNmM3mbRa+7//1rUP4GRCkBkFjJFlvsEnT+5yLrXmzHBI28K6PjQmiS7eO6KsJzUnYkg9pSq6/r/uj8DnxY4ElGHs/IiMPoFgJcSvDS5IuY+5Ow/gRK353RrNZSZz/RB+rIBZGHvX036qKh53E14d+fN+6UsgFwYpx8xPRdFBjTN/Pwu17/uqFE3Wn7OoW7wMQ6EQhpWzxg6ZZQrn8zqg02HJVQc9wYFMR8SOZf9bCRO6yNL20iLZHW59EYloT1YtdGyw7i6WPhj0DMzSaRyDTuriJVG7gTFGqyQAAA";
|
|
2
|
+
export {
|
|
3
|
+
A as default
|
|
4
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const A = "data:image/webp;base64,UklGRsQDAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSIwAAAAJcNva2pu8P0gubVgn94hFaJnDe7BFDsvkHL//I/P5q5CriFDktm0jOWmP+xN403G3YiCQCzuCTKKSqECrxMsw7eAgwt9msSxcN4BubgbaAf6/FI1yQoehq10jZzPE2tiGUeZ8ZGWipnbjlnYzJ+RKevWl9RQ+Seh9/yQpKCtkU/P1E3o3zTjlkfP8AlZQOCASAwAA8BIAnQEqMAAwAD5tNJJHpCMhoSc4DJCADYlADxn/P/JYK53+efh3z6Psdkz/rX5VeZXtwPyS/I71ANgs+O/1j8qu4A5h7/I8YNMI/qf+c9Jr+J/J3/Ae5X51/4n9l+Av+RfzT/RfnF3OfQf/UZmcPev3+4LmZ53xY2PKIeORRlwk7RQ77LWds0Bod5/Q2TPxBfIXsolQRvi2L1hP0cDwAAD+/3Cms1zFcUUjmvThfZ6szxWt98BxkzGdhbCF/Nx5swPykjJ/274U4VPEG1dp3b0Ddm6+ZQgzn96dfRQ5ICeRV1m76+6OctMIo/rYFSYfyoyyPG8OYXw+vpi1gHG0rnI/4j5xhu/rSw2cnCT/ZGw3yEVmcFmEOTHKfCmBxIP/JByTQJVPZ7FU49PXEeZ1+XBbx+NVCL03XlmdUDQOQHvCI8/KCaCtxaw9IHlD3We/RqlFl8bA0Ua2V5k+46fFPOmpIaRDI/j7eTU0kHzu+pw10ufJywWbpLs/a/xRre5h6dh7mMUIXIuCzNjbA1hzqLy2uuKoakj4w8lrpaIZjzfRfadPyglj/MeFSHpLz+kiRL0F4n08Op9R6zyh2b/5/4/3EB/CBwjZvezbWJexjoJaKdB53gWahHS/x6DkANy35yFqB2PhBUQQksMD0lfncifKq9AwB4Aa/NOezq74xc/bqE8b3nC+r2I2eGB+0FEBWUegZLmsiT2uUKE1KqyKT5h8P6Ux+eYnmbBVHTf0D3kghsK1OSC2CRLfJoZ1iMSuHHucdEHDiBMoNjCiIRP/LG3+X9lnCnDEIANnvXbVIOHA2+GgfjTBrUl+vDfeUwiIrwsbUntlkBydXkBz/YBefZNwC4ve6TndEphTjkssj82VTkex/dMVLPyzDGA1Nqv9HELFktfsx2CdOA0G1xVo2bb9Wp8sBKPCm/V026wT0s9KaWMCptOlyFHMcWlR6F5mBXcN5f2KfM/Z7fQabR57HmTXV/N6d8dqPz7OoNUNAiGqa/BT6+Q5IKJ6GUFcwjU7j4z/DpvBvVrkIbtiSfnugAAA";
|
|
2
|
+
export {
|
|
3
|
+
A as default
|
|
4
|
+
};
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -53,6 +53,7 @@ export declare const Download: IconComponent;
|
|
|
53
53
|
export declare const CircleTick: IconComponent;
|
|
54
54
|
export declare const CircleCross: IconComponent;
|
|
55
55
|
export declare const Info: IconComponent;
|
|
56
|
+
export declare const InfoCircleFilled: IconComponent;
|
|
56
57
|
export declare const PriorityAlert: IconComponent;
|
|
57
58
|
export declare const InfoBadge: IconComponent;
|
|
58
59
|
export declare const Blocks: IconComponent;
|
|
@@ -124,6 +125,8 @@ export declare const TrendingDown: IconComponent;
|
|
|
124
125
|
export declare const TrendingFlat: IconComponent;
|
|
125
126
|
export declare const TrendingNeutral: IconComponent;
|
|
126
127
|
export declare const IllustrationIcon1: IconComponent;
|
|
128
|
+
export declare const Report1: ImageComponent;
|
|
129
|
+
export declare const Report2: ImageComponent;
|
|
127
130
|
export declare const BillOrReceipt: ImageComponent;
|
|
128
131
|
export declare const ChecklistWithPen: ImageComponent;
|
|
129
132
|
export declare const Dollar: ImageComponent;
|
|
@@ -153,6 +156,7 @@ export declare const Delete3d: ImageComponent;
|
|
|
153
156
|
export declare const Info3d: ImageComponent;
|
|
154
157
|
export declare const Success3d: ImageComponent;
|
|
155
158
|
export declare const Sales: ImageComponent;
|
|
159
|
+
export declare const CheckmarkSuccess: ImageComponent;
|
|
156
160
|
export declare const BulkEdit: IconComponent;
|
|
157
161
|
export declare const Layer: IconComponent;
|
|
158
162
|
export declare const IconRegistry: Record<string, IconComponent | ImageComponent>;
|