@solostylist/ui-kit 1.0.170 → 1.0.172
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/s-ai-tool-bar/s-ai-tool-bar.d.ts +2 -4
- package/dist/s-ai-tool-bar/s-ai-tool-bar.js +253 -287
- package/dist/s-blur-text/s-blur-text.js +19 -20
- package/dist/s-breadcrumbs/s-breadcrumbs.js +2 -2
- package/dist/s-button-link/s-button-link.js +2 -2
- package/dist/s-category-card/s-category-card.js +2 -2
- package/dist/s-chat-input/s-chat-input.js +29 -29
- package/dist/s-chat-message/s-chat-message.js +73 -151
- package/dist/s-comment-message/s-comment-message.js +9 -9
- package/dist/s-countdown/s-count-box.js +2 -2
- package/dist/s-countdown/s-count-down.js +2 -2
- package/dist/s-error-layout/s-error-layout.js +2 -2
- package/dist/s-gallery/s-gallery.js +106 -119
- package/dist/s-glow-button/s-glow-button.d.ts +7 -1
- package/dist/s-glow-button/s-glow-button.js +39 -189
- package/dist/s-gradient-icon/s-gradient-icon.js +2 -2
- package/dist/s-moving-border/s-moving-border.d.ts +1 -1
- package/dist/s-moving-border/s-moving-border.js +34 -34
- package/dist/s-review/s-review.js +28 -28
- package/dist/s-scroll-reveal/s-scroll-reveal.js +2 -2
- package/dist/s-skeleton/s-skeleton.js +2 -2
- package/dist/s-stripe/s-stripe.js +2 -2
- package/dist/s-text-shimmer/s-text-shimmer.d.ts +2 -2
- package/dist/s-text-shimmer/s-text-shimmer.js +13 -13
- package/dist/s-text-truncation/s-text-truncation.js +1 -1
- package/dist/s-theme-demo/s-theme-demo.js +105 -142
- package/dist/s-theme-provider/s-theme-provider.js +2 -2
- package/dist/s-theme-switch/s-theme-switch.js +1 -1
- package/dist/s-two-pane-layout/index.js +1 -1
- package/dist/s-two-pane-layout/s-two-pane-layout.js +2 -2
- package/dist/s-typewriter-text/s-typewriter-text.js +8 -8
- package/dist/s-zoom-image/index.js +1 -1
- package/dist/s-zoom-image/s-zoom-image.js +2 -2
- package/dist/theme/theme-primitives.d.ts +6 -0
- package/dist/theme/theme-primitives.js +51 -45
- package/package.json +1 -1
|
@@ -1,53 +1,53 @@
|
|
|
1
1
|
import { j as e } from "../jsx-runtime-OVHDjVDe.js";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Box as
|
|
4
|
-
import { SAvatar as
|
|
5
|
-
import { SImageModal as
|
|
2
|
+
import { useState as M } from "react";
|
|
3
|
+
import { Box as s, Typography as n, Paper as L, IconButton as z } from "@mui/material";
|
|
4
|
+
import { SAvatar as W } from "../s-avatar/s-avatar.js";
|
|
5
|
+
import { SImageModal as E } from "../s-image-modal/s-image-modal.js";
|
|
6
6
|
import "../s-lazy-image/index.js";
|
|
7
|
-
import { SSkeleton as
|
|
7
|
+
import { SSkeleton as i } from "../s-skeleton/s-skeleton.js";
|
|
8
8
|
import O from "../s-lazy-image/s-lazy-image.js";
|
|
9
|
-
import { c as
|
|
9
|
+
import { c as v } from "../createSvgIcon-DxwgGAVe.js";
|
|
10
10
|
import { D as U } from "../Download-UsLvGg3y.js";
|
|
11
|
-
const
|
|
11
|
+
const P = v(/* @__PURE__ */ e.jsx("path", {
|
|
12
12
|
d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
|
|
13
|
-
}), "ErrorOutline"),
|
|
13
|
+
}), "ErrorOutline"), G = v(/* @__PURE__ */ e.jsx("path", {
|
|
14
14
|
d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"
|
|
15
|
-
}), "InsertDriveFile"),
|
|
15
|
+
}), "InsertDriveFile"), H = v(/* @__PURE__ */ e.jsx("path", {
|
|
16
16
|
d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z"
|
|
17
17
|
}), "Refresh"), x = ({
|
|
18
18
|
message: l,
|
|
19
|
-
variant:
|
|
20
|
-
timestamp:
|
|
19
|
+
variant: A = "received",
|
|
20
|
+
timestamp: y,
|
|
21
21
|
avatar: w,
|
|
22
|
-
senderName:
|
|
22
|
+
senderName: r,
|
|
23
23
|
showAvatar: o = !0,
|
|
24
24
|
showTimestamp: b = !1,
|
|
25
25
|
maxWidth: j = "70%",
|
|
26
|
-
attachments:
|
|
26
|
+
attachments: g = [],
|
|
27
27
|
onAttachmentClick: d,
|
|
28
28
|
onDownload: m,
|
|
29
|
-
hasError:
|
|
30
|
-
errorMessage:
|
|
31
|
-
onRetry:
|
|
29
|
+
hasError: h = !1,
|
|
30
|
+
errorMessage: T = "Failed to send message",
|
|
31
|
+
onRetry: V,
|
|
32
32
|
loading: _ = !1,
|
|
33
33
|
sx: C,
|
|
34
|
-
...
|
|
34
|
+
...q
|
|
35
35
|
}) => {
|
|
36
|
-
const [c,
|
|
36
|
+
const [c, k] = M(null), [D, S] = M(!1), t = A === "sent", R = (a) => (typeof a == "string" ? new Date(a) : a).toLocaleTimeString("en-US", {
|
|
37
37
|
hour: "2-digit",
|
|
38
38
|
minute: "2-digit",
|
|
39
39
|
hour12: !0
|
|
40
40
|
}), F = (a) => {
|
|
41
41
|
if (!a) return "";
|
|
42
|
-
const
|
|
43
|
-
return Math.round(a / Math.pow(1024,
|
|
42
|
+
const u = ["Bytes", "KB", "MB", "GB"], f = Math.floor(Math.log(a) / Math.log(1024));
|
|
43
|
+
return Math.round(a / Math.pow(1024, f) * 100) / 100 + " " + u[f];
|
|
44
44
|
}, N = (a) => {
|
|
45
|
-
d ? d(a) : (
|
|
45
|
+
d ? d(a) : (k(a), S(!0));
|
|
46
46
|
}, B = (a) => {
|
|
47
47
|
d ? d(a) : m && m(a);
|
|
48
|
-
},
|
|
48
|
+
}, p = g.filter((a) => a.type === "image"), I = g.filter((a) => a.type === "file");
|
|
49
49
|
return _ ? /* @__PURE__ */ e.jsxs(
|
|
50
|
-
|
|
50
|
+
s,
|
|
51
51
|
{
|
|
52
52
|
display: "flex",
|
|
53
53
|
flexDirection: t ? "row-reverse" : "row",
|
|
@@ -59,11 +59,11 @@ const H = y(/* @__PURE__ */ e.jsx("path", {
|
|
|
59
59
|
alignSelf: t ? "flex-end" : "flex-start",
|
|
60
60
|
...C
|
|
61
61
|
},
|
|
62
|
-
...
|
|
62
|
+
...q,
|
|
63
63
|
children: [
|
|
64
|
-
o && !t && /* @__PURE__ */ e.jsx(
|
|
64
|
+
o && !t && /* @__PURE__ */ e.jsx(i, { component: "rounded-avatar", width: 36, height: 36 }),
|
|
65
65
|
/* @__PURE__ */ e.jsxs(
|
|
66
|
-
|
|
66
|
+
s,
|
|
67
67
|
{
|
|
68
68
|
display: "flex",
|
|
69
69
|
flexDirection: "column",
|
|
@@ -71,9 +71,9 @@ const H = y(/* @__PURE__ */ e.jsx("path", {
|
|
|
71
71
|
gap: 0.5,
|
|
72
72
|
sx: { minWidth: 0 },
|
|
73
73
|
children: [
|
|
74
|
-
|
|
74
|
+
r && !t && /* @__PURE__ */ e.jsx(i, { variant: "text", width: 100, height: 12, sx: { ml: 0.5 } }),
|
|
75
75
|
/* @__PURE__ */ e.jsxs(
|
|
76
|
-
|
|
76
|
+
s,
|
|
77
77
|
{
|
|
78
78
|
sx: {
|
|
79
79
|
display: "inline-block",
|
|
@@ -83,21 +83,21 @@ const H = y(/* @__PURE__ */ e.jsx("path", {
|
|
|
83
83
|
ml: 0.5
|
|
84
84
|
},
|
|
85
85
|
children: [
|
|
86
|
-
/* @__PURE__ */ e.jsx(
|
|
87
|
-
/* @__PURE__ */ e.jsx(
|
|
88
|
-
/* @__PURE__ */ e.jsx(
|
|
86
|
+
/* @__PURE__ */ e.jsx(i, { variant: "text", width: "100%", height: 16, sx: { mb: 0.5 } }),
|
|
87
|
+
/* @__PURE__ */ e.jsx(i, { variant: "text", width: "85%", height: 16, sx: { mb: 0.5 } }),
|
|
88
|
+
/* @__PURE__ */ e.jsx(i, { variant: "text", width: "70%", height: 16 })
|
|
89
89
|
]
|
|
90
90
|
}
|
|
91
91
|
),
|
|
92
|
-
b && /* @__PURE__ */ e.jsx(
|
|
92
|
+
b && /* @__PURE__ */ e.jsx(i, { variant: "text", width: 60, height: 10, sx: { ml: t ? 0 : 0.5, mr: t ? 0.5 : 0 } })
|
|
93
93
|
]
|
|
94
94
|
}
|
|
95
95
|
),
|
|
96
|
-
o && t && /* @__PURE__ */ e.jsx(
|
|
96
|
+
o && t && /* @__PURE__ */ e.jsx(i, { component: "rounded-avatar", width: 36, height: 36 })
|
|
97
97
|
]
|
|
98
98
|
}
|
|
99
99
|
) : /* @__PURE__ */ e.jsxs(
|
|
100
|
-
|
|
100
|
+
s,
|
|
101
101
|
{
|
|
102
102
|
display: "flex",
|
|
103
103
|
flexDirection: t ? "row-reverse" : "row",
|
|
@@ -109,11 +109,11 @@ const H = y(/* @__PURE__ */ e.jsx("path", {
|
|
|
109
109
|
alignSelf: t ? "flex-end" : "flex-start",
|
|
110
110
|
...C
|
|
111
111
|
},
|
|
112
|
-
...
|
|
112
|
+
...q,
|
|
113
113
|
children: [
|
|
114
|
-
o && !t && /* @__PURE__ */ e.jsx(
|
|
114
|
+
o && !t && /* @__PURE__ */ e.jsx(W, { avatar: w, name: r, size: 36 }),
|
|
115
115
|
/* @__PURE__ */ e.jsxs(
|
|
116
|
-
|
|
116
|
+
s,
|
|
117
117
|
{
|
|
118
118
|
display: "flex",
|
|
119
119
|
flexDirection: "column",
|
|
@@ -121,56 +121,39 @@ const H = y(/* @__PURE__ */ e.jsx("path", {
|
|
|
121
121
|
gap: 0.5,
|
|
122
122
|
sx: { minWidth: 0 },
|
|
123
123
|
children: [
|
|
124
|
-
|
|
125
|
-
r,
|
|
126
|
-
{
|
|
127
|
-
variant: "caption",
|
|
128
|
-
sx: {
|
|
129
|
-
color: "text.secondary",
|
|
130
|
-
fontSize: "0.75rem",
|
|
131
|
-
fontWeight: 500,
|
|
132
|
-
ml: 0.5
|
|
133
|
-
},
|
|
134
|
-
children: n
|
|
135
|
-
}
|
|
136
|
-
),
|
|
124
|
+
r && !t && /* @__PURE__ */ e.jsx(n, { children: r }),
|
|
137
125
|
/* @__PURE__ */ e.jsxs(
|
|
138
|
-
|
|
126
|
+
s,
|
|
139
127
|
{
|
|
140
128
|
sx: {
|
|
141
129
|
display: "inline-block",
|
|
142
130
|
borderRadius: 2,
|
|
143
131
|
wordBreak: "break-word",
|
|
144
132
|
maxWidth: "100%",
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
borderColor: g ? "error.main" : "divider",
|
|
149
|
-
...t && {
|
|
150
|
-
backgroundColor: "primary.dark"
|
|
151
|
-
},
|
|
152
|
-
...g && {
|
|
133
|
+
border: "1px solid",
|
|
134
|
+
borderColor: h ? "error.main" : "divider",
|
|
135
|
+
...h && {
|
|
153
136
|
opacity: 0.7
|
|
154
137
|
},
|
|
155
138
|
overflow: "hidden"
|
|
156
139
|
},
|
|
157
140
|
children: [
|
|
158
|
-
|
|
159
|
-
|
|
141
|
+
p.length > 0 && /* @__PURE__ */ e.jsx(
|
|
142
|
+
s,
|
|
160
143
|
{
|
|
161
144
|
sx: {
|
|
162
145
|
display: "grid",
|
|
163
|
-
gridTemplateColumns:
|
|
146
|
+
gridTemplateColumns: p.length === 1 ? "1fr" : "repeat(2, 1fr)",
|
|
164
147
|
gap: 0.5,
|
|
165
148
|
p: 0.5
|
|
166
149
|
},
|
|
167
150
|
minWidth: 200,
|
|
168
|
-
children:
|
|
169
|
-
|
|
151
|
+
children: p.map((a) => /* @__PURE__ */ e.jsx(
|
|
152
|
+
s,
|
|
170
153
|
{
|
|
171
154
|
sx: {
|
|
172
155
|
position: "relative",
|
|
173
|
-
paddingTop:
|
|
156
|
+
paddingTop: p.length === 1 ? "66.67%" : "100%",
|
|
174
157
|
cursor: "pointer",
|
|
175
158
|
borderRadius: 1.5,
|
|
176
159
|
overflow: "hidden",
|
|
@@ -199,8 +182,8 @@ const H = y(/* @__PURE__ */ e.jsx("path", {
|
|
|
199
182
|
))
|
|
200
183
|
}
|
|
201
184
|
),
|
|
202
|
-
I.length > 0 && /* @__PURE__ */ e.jsx(
|
|
203
|
-
|
|
185
|
+
I.length > 0 && /* @__PURE__ */ e.jsx(s, { sx: { p: 1.5 }, children: I.map((a, u) => /* @__PURE__ */ e.jsxs(
|
|
186
|
+
L,
|
|
204
187
|
{
|
|
205
188
|
variant: "outlined",
|
|
206
189
|
sx: {
|
|
@@ -208,27 +191,15 @@ const H = y(/* @__PURE__ */ e.jsx("path", {
|
|
|
208
191
|
alignItems: "center",
|
|
209
192
|
gap: 1.5,
|
|
210
193
|
p: 1,
|
|
211
|
-
mt:
|
|
212
|
-
cursor: "pointer"
|
|
213
|
-
backgroundColor: t ? "blackAlpha.zero" : "background.paper",
|
|
214
|
-
"&:hover": {
|
|
215
|
-
backgroundColor: t ? "blackAlpha.light" : "action.hover"
|
|
216
|
-
}
|
|
194
|
+
mt: u > 0 ? 1 : 0,
|
|
195
|
+
cursor: "pointer"
|
|
217
196
|
},
|
|
218
197
|
onClick: () => B(a),
|
|
219
198
|
children: [
|
|
220
|
-
/* @__PURE__ */ e.jsx(
|
|
221
|
-
|
|
222
|
-
{
|
|
223
|
-
sx: {
|
|
224
|
-
fontSize: 32,
|
|
225
|
-
color: t ? "primary.contrastText" : "action.active"
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
),
|
|
229
|
-
/* @__PURE__ */ e.jsxs(i, { sx: { flex: 1, minWidth: 0 }, children: [
|
|
199
|
+
/* @__PURE__ */ e.jsx(G, { sx: { fontSize: 32 } }),
|
|
200
|
+
/* @__PURE__ */ e.jsxs(s, { sx: { flex: 1, minWidth: 0 }, children: [
|
|
230
201
|
/* @__PURE__ */ e.jsx(
|
|
231
|
-
|
|
202
|
+
n,
|
|
232
203
|
{
|
|
233
204
|
variant: "body2",
|
|
234
205
|
sx: {
|
|
@@ -236,33 +207,19 @@ const H = y(/* @__PURE__ */ e.jsx("path", {
|
|
|
236
207
|
fontWeight: 500,
|
|
237
208
|
overflow: "hidden",
|
|
238
209
|
textOverflow: "ellipsis",
|
|
239
|
-
whiteSpace: "nowrap"
|
|
240
|
-
color: t ? "inherit" : "text.primary"
|
|
210
|
+
whiteSpace: "nowrap"
|
|
241
211
|
},
|
|
242
212
|
children: a.name || "Unnamed File"
|
|
243
213
|
}
|
|
244
214
|
),
|
|
245
|
-
a.size && /* @__PURE__ */ e.jsx(
|
|
246
|
-
r,
|
|
247
|
-
{
|
|
248
|
-
variant: "caption",
|
|
249
|
-
sx: {
|
|
250
|
-
fontSize: "0.75rem",
|
|
251
|
-
color: t ? "whiteAlpha.dark" : "text.secondary"
|
|
252
|
-
},
|
|
253
|
-
children: F(a.size)
|
|
254
|
-
}
|
|
255
|
-
)
|
|
215
|
+
a.size && /* @__PURE__ */ e.jsx(n, { variant: "caption", children: F(a.size) })
|
|
256
216
|
] }),
|
|
257
217
|
m && /* @__PURE__ */ e.jsx(
|
|
258
|
-
|
|
218
|
+
z,
|
|
259
219
|
{
|
|
260
220
|
size: "small",
|
|
261
|
-
onClick: (
|
|
262
|
-
|
|
263
|
-
},
|
|
264
|
-
sx: {
|
|
265
|
-
color: t ? "primary.contrastText" : "action.active"
|
|
221
|
+
onClick: (f) => {
|
|
222
|
+
f.stopPropagation(), m(a);
|
|
266
223
|
},
|
|
267
224
|
children: /* @__PURE__ */ e.jsx(U, { fontSize: "small" })
|
|
268
225
|
}
|
|
@@ -271,14 +228,14 @@ const H = y(/* @__PURE__ */ e.jsx("path", {
|
|
|
271
228
|
},
|
|
272
229
|
a.id
|
|
273
230
|
)) }),
|
|
274
|
-
l && /* @__PURE__ */ e.jsx(
|
|
275
|
-
|
|
231
|
+
l && /* @__PURE__ */ e.jsx(s, { sx: { px: 2, py: 1.5, pt: g.length > 0 ? 0 : 1.5 }, children: /* @__PURE__ */ e.jsx(
|
|
232
|
+
n,
|
|
276
233
|
{
|
|
277
234
|
variant: "body2",
|
|
278
235
|
sx: {
|
|
279
236
|
fontSize: "0.875rem",
|
|
280
|
-
|
|
281
|
-
|
|
237
|
+
whiteSpace: "pre-wrap",
|
|
238
|
+
color: h ? "error.main" : "inherit"
|
|
282
239
|
},
|
|
283
240
|
children: l
|
|
284
241
|
}
|
|
@@ -286,57 +243,22 @@ const H = y(/* @__PURE__ */ e.jsx("path", {
|
|
|
286
243
|
]
|
|
287
244
|
}
|
|
288
245
|
),
|
|
289
|
-
b &&
|
|
290
|
-
|
|
291
|
-
{
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
fontSize: "0.7rem",
|
|
296
|
-
ml: t ? 0 : 0.5,
|
|
297
|
-
mr: t ? 0.5 : 0
|
|
298
|
-
},
|
|
299
|
-
children: R(v)
|
|
300
|
-
}
|
|
301
|
-
),
|
|
302
|
-
g && /* @__PURE__ */ e.jsxs(
|
|
303
|
-
i,
|
|
304
|
-
{
|
|
305
|
-
display: "flex",
|
|
306
|
-
alignItems: "center",
|
|
307
|
-
gap: 0.5,
|
|
308
|
-
sx: {
|
|
309
|
-
color: "error.main",
|
|
310
|
-
ml: t ? 0 : 0.5,
|
|
311
|
-
mr: t ? 0.5 : 0
|
|
312
|
-
},
|
|
313
|
-
children: [
|
|
314
|
-
/* @__PURE__ */ e.jsx(H, { sx: { fontSize: "1rem" } }),
|
|
315
|
-
/* @__PURE__ */ e.jsx(
|
|
316
|
-
r,
|
|
317
|
-
{
|
|
318
|
-
variant: "caption",
|
|
319
|
-
sx: {
|
|
320
|
-
fontSize: "0.875rem",
|
|
321
|
-
fontWeight: 500
|
|
322
|
-
},
|
|
323
|
-
children: W
|
|
324
|
-
}
|
|
325
|
-
),
|
|
326
|
-
k && /* @__PURE__ */ e.jsx(M, { size: "small", onClick: k, children: /* @__PURE__ */ e.jsx(G, {}) })
|
|
327
|
-
]
|
|
328
|
-
}
|
|
329
|
-
)
|
|
246
|
+
b && y && /* @__PURE__ */ e.jsx(n, { variant: "caption", children: R(y) }),
|
|
247
|
+
h && /* @__PURE__ */ e.jsxs(s, { display: "flex", alignItems: "center", gap: 0.5, color: "error.main", children: [
|
|
248
|
+
/* @__PURE__ */ e.jsx(P, { sx: { fontSize: "1rem" } }),
|
|
249
|
+
/* @__PURE__ */ e.jsx(n, { color: "inherit", children: T }),
|
|
250
|
+
V && /* @__PURE__ */ e.jsx(z, { size: "small", onClick: V, children: /* @__PURE__ */ e.jsx(H, {}) })
|
|
251
|
+
] })
|
|
330
252
|
]
|
|
331
253
|
}
|
|
332
254
|
),
|
|
333
|
-
o && t && /* @__PURE__ */ e.jsx(
|
|
255
|
+
o && t && /* @__PURE__ */ e.jsx(W, { avatar: w, name: r, size: 36 }),
|
|
334
256
|
c && /* @__PURE__ */ e.jsx(
|
|
335
|
-
|
|
257
|
+
E,
|
|
336
258
|
{
|
|
337
259
|
isOpen: D,
|
|
338
260
|
onClose: () => {
|
|
339
|
-
S(!1),
|
|
261
|
+
S(!1), k(null);
|
|
340
262
|
},
|
|
341
263
|
selectedItem: {
|
|
342
264
|
id: c.id,
|
|
@@ -13,13 +13,13 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
|
|
|
13
13
|
}), "FavoriteBorder"), Q = C(/* @__PURE__ */ e.jsx("path", {
|
|
14
14
|
d: "M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11"
|
|
15
15
|
}), "Reply"), X = (a) => {
|
|
16
|
-
const u = /* @__PURE__ */ new Date(), g = typeof a == "string" ? new Date(a) : a,
|
|
16
|
+
const u = /* @__PURE__ */ new Date(), g = typeof a == "string" ? new Date(a) : a, v = u.getTime() - g.getTime(), p = Math.floor(v / 1e3), i = Math.floor(p / 60), s = Math.floor(i / 60), n = Math.floor(s / 24), c = Math.floor(n / 7), r = Math.floor(n / 30), o = Math.floor(n / 365);
|
|
17
17
|
return p < 60 ? "just now" : i < 60 ? i === 1 ? "1 minute ago" : `${i} minutes ago` : s < 24 ? s === 1 ? "1 hour ago" : `${s} hours ago` : n < 7 ? n === 1 ? "1 day ago" : `${n} days ago` : c < 4 ? c === 1 ? "1 week ago" : `${c} weeks ago` : r < 12 ? r === 1 ? "1 month ago" : `${r} months ago` : o === 1 ? "1 year ago" : `${o} years ago`;
|
|
18
18
|
}, x = ({
|
|
19
19
|
id: a = Date.now(),
|
|
20
20
|
userName: u,
|
|
21
21
|
userAvatar: g,
|
|
22
|
-
commentContent:
|
|
22
|
+
commentContent: v,
|
|
23
23
|
datetime: p,
|
|
24
24
|
likes: i = 0,
|
|
25
25
|
isLiked: s = !1,
|
|
@@ -28,7 +28,7 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
|
|
|
28
28
|
onLike: r,
|
|
29
29
|
onReply: o,
|
|
30
30
|
onToggleReplies: q,
|
|
31
|
-
showReplies:
|
|
31
|
+
showReplies: y = !0,
|
|
32
32
|
avatarSize: f = 48,
|
|
33
33
|
level: S = 0,
|
|
34
34
|
maxLevel: V = 3,
|
|
@@ -70,9 +70,9 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
|
|
|
70
70
|
/* @__PURE__ */ e.jsxs(d, { sx: { flex: 1 }, children: [
|
|
71
71
|
/* @__PURE__ */ e.jsxs(m, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
|
|
72
72
|
/* @__PURE__ */ e.jsx(h, { variant: "subtitle2", fontWeight: "600", children: u }),
|
|
73
|
-
/* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(h, { variant: "caption",
|
|
73
|
+
/* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(h, { variant: "caption", children: F }) })
|
|
74
74
|
] }),
|
|
75
|
-
/* @__PURE__ */ e.jsx(h, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children:
|
|
75
|
+
/* @__PURE__ */ e.jsx(h, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: v }),
|
|
76
76
|
/* @__PURE__ */ e.jsxs(m, { direction: "row", spacing: 1, alignItems: "center", children: [
|
|
77
77
|
/* @__PURE__ */ e.jsx(
|
|
78
78
|
U,
|
|
@@ -85,9 +85,9 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
|
|
|
85
85
|
children: w ? /* @__PURE__ */ e.jsx(G, { fontSize: "small" }) : /* @__PURE__ */ e.jsx(O, { fontSize: "small" })
|
|
86
86
|
}
|
|
87
87
|
),
|
|
88
|
-
z > 0 && /* @__PURE__ */ e.jsx(h, { variant: "caption",
|
|
88
|
+
z > 0 && /* @__PURE__ */ e.jsx(h, { variant: "caption", children: z }),
|
|
89
89
|
/* @__PURE__ */ e.jsx(N, { size: "small", startIcon: /* @__PURE__ */ e.jsx(Q, { fontSize: "small" }), onClick: B, variant: "text", children: "Reply" }),
|
|
90
|
-
D &&
|
|
90
|
+
D && y && /* @__PURE__ */ e.jsxs(
|
|
91
91
|
N,
|
|
92
92
|
{
|
|
93
93
|
size: "small",
|
|
@@ -105,7 +105,7 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
|
|
|
105
105
|
L && /* @__PURE__ */ e.jsx(d, { sx: { mt: 2 }, children: L })
|
|
106
106
|
] })
|
|
107
107
|
] }),
|
|
108
|
-
D &&
|
|
108
|
+
D && y && /* @__PURE__ */ e.jsx(H, { in: I, children: /* @__PURE__ */ e.jsx(d, { sx: { mt: 2 }, children: n.map((l, P) => /* @__PURE__ */ e.jsx(
|
|
109
109
|
x,
|
|
110
110
|
{
|
|
111
111
|
...l,
|
|
@@ -113,7 +113,7 @@ const K = C(/* @__PURE__ */ e.jsx("path", {
|
|
|
113
113
|
maxLevel: V,
|
|
114
114
|
onLike: r,
|
|
115
115
|
onReply: o,
|
|
116
|
-
showReplies:
|
|
116
|
+
showReplies: y,
|
|
117
117
|
avatarSize: Math.max(32, f - 8)
|
|
118
118
|
},
|
|
119
119
|
l.id || `reply-${P}`
|
|
@@ -99,11 +99,11 @@ const r = ({
|
|
|
99
99
|
};
|
|
100
100
|
r.displayName = "SCountBox";
|
|
101
101
|
try {
|
|
102
|
-
r.displayName = "SCountBox", r.__docgenInfo = { description: "An individual count box component that displays a single time unit with optional animations.", displayName: "SCountBox", props: { digit: { defaultValue: { value: "0" }, description: "The numeric value to display", name: "digit", required: !1, type: { name: "number" } }, title: { defaultValue: { value: "" }, description: "The label/title for this time unit", name: "title", required: !1, type: { name: "string" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for the count box", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color variant for the count box", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"
|
|
102
|
+
r.displayName = "SCountBox", r.__docgenInfo = { description: "An individual count box component that displays a single time unit with optional animations.", displayName: "SCountBox", props: { digit: { defaultValue: { value: "0" }, description: "The numeric value to display", name: "digit", required: !1, type: { name: "number" } }, title: { defaultValue: { value: "" }, description: "The label/title for this time unit", name: "title", required: !1, type: { name: "string" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for the count box", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color variant for the count box", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"error"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, sx: { defaultValue: null, description: "Custom styling", name: "sx", required: !1, type: { name: "SxProps<Theme>" } }, digitSx: { defaultValue: null, description: "Custom digit styling", name: "digitSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom title styling", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, showSeparator: { defaultValue: { value: "false" }, description: "Show separator after this box", name: "showSeparator", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, digitFormat: { defaultValue: { value: "default" }, description: "Format for displaying the digit (e.g., '00' for zero-padding)", name: "digitFormat", required: !1, type: { name: "enum", value: [{ value: '"default"' }, { value: '"padded"' }] } }, hidden: { defaultValue: { value: "false" }, description: "Whether this count box is hidden", name: "hidden", required: !1, type: { name: "boolean" } } } };
|
|
103
103
|
} catch {
|
|
104
104
|
}
|
|
105
105
|
try {
|
|
106
|
-
scountbox.displayName = "scountbox", scountbox.__docgenInfo = { description: "An individual count box component that displays a single time unit with optional animations.", displayName: "scountbox", props: { digit: { defaultValue: { value: "0" }, description: "The numeric value to display", name: "digit", required: !1, type: { name: "number" } }, title: { defaultValue: { value: "" }, description: "The label/title for this time unit", name: "title", required: !1, type: { name: "string" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for the count box", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color variant for the count box", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"
|
|
106
|
+
scountbox.displayName = "scountbox", scountbox.__docgenInfo = { description: "An individual count box component that displays a single time unit with optional animations.", displayName: "scountbox", props: { digit: { defaultValue: { value: "0" }, description: "The numeric value to display", name: "digit", required: !1, type: { name: "number" } }, title: { defaultValue: { value: "" }, description: "The label/title for this time unit", name: "title", required: !1, type: { name: "string" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for the count box", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color variant for the count box", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"error"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, sx: { defaultValue: null, description: "Custom styling", name: "sx", required: !1, type: { name: "SxProps<Theme>" } }, digitSx: { defaultValue: null, description: "Custom digit styling", name: "digitSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom title styling", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, showSeparator: { defaultValue: { value: "false" }, description: "Show separator after this box", name: "showSeparator", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, digitFormat: { defaultValue: { value: "default" }, description: "Format for displaying the digit (e.g., '00' for zero-padding)", name: "digitFormat", required: !1, type: { name: "enum", value: [{ value: '"default"' }, { value: '"padded"' }] } }, hidden: { defaultValue: { value: "false" }, description: "Whether this count box is hidden", name: "hidden", required: !1, type: { name: "boolean" } } } };
|
|
107
107
|
} catch {
|
|
108
108
|
}
|
|
109
109
|
export {
|
|
@@ -150,7 +150,7 @@ const p = ({
|
|
|
150
150
|
};
|
|
151
151
|
p.displayName = "SCountdown";
|
|
152
152
|
try {
|
|
153
|
-
p.displayName = "SCountdown", p.__docgenInfo = { description: "A comprehensive countdown timer component with extensive customization options, animations, and accessibility features.", displayName: "SCountdown", props: { expireDate: { defaultValue: null, description: "Target date timestamp in milliseconds (from Date.getTime())", name: "expireDate", required: !0, type: { name: "number" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for all count boxes", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color theme for the countdown", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"
|
|
153
|
+
p.displayName = "SCountdown", p.__docgenInfo = { description: "A comprehensive countdown timer component with extensive customization options, animations, and accessibility features.", displayName: "SCountdown", props: { expireDate: { defaultValue: null, description: "Target date timestamp in milliseconds (from Date.getTime())", name: "expireDate", required: !0, type: { name: "number" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for all count boxes", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color theme for the countdown", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"error"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }] } }, layout: { defaultValue: { value: "horizontal" }, description: "Layout orientation", name: "layout", required: !1, type: { name: "enum", value: [{ value: '"grid"' }, { value: '"horizontal"' }, { value: '"vertical"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, showSeparators: { defaultValue: { value: "false" }, description: "Whether to show separators between units", name: "showSeparators", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, units: { defaultValue: { value: `{
|
|
154
154
|
days: true,
|
|
155
155
|
hours: true,
|
|
156
156
|
minutes: true,
|
|
@@ -164,7 +164,7 @@ try {
|
|
|
164
164
|
} catch {
|
|
165
165
|
}
|
|
166
166
|
try {
|
|
167
|
-
scountdown.displayName = "scountdown", scountdown.__docgenInfo = { description: "A comprehensive countdown timer component with extensive customization options, animations, and accessibility features.", displayName: "scountdown", props: { expireDate: { defaultValue: null, description: "Target date timestamp in milliseconds (from Date.getTime())", name: "expireDate", required: !0, type: { name: "number" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for all count boxes", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color theme for the countdown", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"
|
|
167
|
+
scountdown.displayName = "scountdown", scountdown.__docgenInfo = { description: "A comprehensive countdown timer component with extensive customization options, animations, and accessibility features.", displayName: "scountdown", props: { expireDate: { defaultValue: null, description: "Target date timestamp in milliseconds (from Date.getTime())", name: "expireDate", required: !0, type: { name: "number" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for all count boxes", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color theme for the countdown", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"error"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }] } }, layout: { defaultValue: { value: "horizontal" }, description: "Layout orientation", name: "layout", required: !1, type: { name: "enum", value: [{ value: '"grid"' }, { value: '"horizontal"' }, { value: '"vertical"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, showSeparators: { defaultValue: { value: "false" }, description: "Whether to show separators between units", name: "showSeparators", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, units: { defaultValue: { value: `{
|
|
168
168
|
days: true,
|
|
169
169
|
hours: true,
|
|
170
170
|
minutes: true,
|
|
@@ -52,11 +52,11 @@ const n = ({
|
|
|
52
52
|
);
|
|
53
53
|
n.displayName = "SErrorLayout";
|
|
54
54
|
try {
|
|
55
|
-
n.displayName = "SErrorLayout", n.__docgenInfo = { description: "A full-screen error layout component for displaying error pages with customizable content and styling.", displayName: "SErrorLayout", props: { imageSrc: { defaultValue: null, description: "Source URL for the error image", name: "imageSrc", required: !0, type: { name: "string" } }, imageAlt: { defaultValue: null, description: "Alt text for the error image", name: "imageAlt", required: !0, type: { name: "string" } }, title: { defaultValue: null, description: "Main error title text", name: "title", required: !0, type: { name: "string" } }, description: { defaultValue: null, description: "Error description text", name: "description", required: !0, type: { name: "ReactNode" } }, buttonText: { defaultValue: null, description: "Text for the action button. If not provided, button will not be shown", name: "buttonText", required: !1, type: { name: "string" } }, imageWidth: { defaultValue: { value: "200px" }, description: "Image width. Default: '200px'", name: "imageWidth", required: !1, type: { name: "string | number" } }, imageHeight: { defaultValue: { value: "auto" }, description: "Image height. Default: 'auto'", name: "imageHeight", required: !1, type: { name: "string | number" } }, maxWidth: { defaultValue: { value: "lg" }, description: "Container max width. Default: 'lg'", name: "maxWidth", required: !1, type: { name: 'false | "xs" | "sm" | "md" | "lg" | "xl"' } }, height: { defaultValue: { value: "100vh" }, description: "Main container height. Default: '100vh'", name: "height", required: !1, type: { name: "string | number" } }, py: { defaultValue: { value: "8" }, description: "Vertical padding. Default: 8 (64px)", name: "py", required: !1, type: { name: "string | number" } }, spacing: { defaultValue: { value: "6" }, description: "Spacing between elements. Default: 6", name: "spacing", required: !1, type: { name: "number" } }, titleVariant: { defaultValue: { value: "h4" }, description: "Title typography variant. Default: 'h4'", name: "titleVariant", required: !1, type: { name: "enum", value: [{ value: '"
|
|
55
|
+
n.displayName = "SErrorLayout", n.__docgenInfo = { description: "A full-screen error layout component for displaying error pages with customizable content and styling.", displayName: "SErrorLayout", props: { imageSrc: { defaultValue: null, description: "Source URL for the error image", name: "imageSrc", required: !0, type: { name: "string" } }, imageAlt: { defaultValue: null, description: "Alt text for the error image", name: "imageAlt", required: !0, type: { name: "string" } }, title: { defaultValue: null, description: "Main error title text", name: "title", required: !0, type: { name: "string" } }, description: { defaultValue: null, description: "Error description text", name: "description", required: !0, type: { name: "ReactNode" } }, buttonText: { defaultValue: null, description: "Text for the action button. If not provided, button will not be shown", name: "buttonText", required: !1, type: { name: "string" } }, imageWidth: { defaultValue: { value: "200px" }, description: "Image width. Default: '200px'", name: "imageWidth", required: !1, type: { name: "string | number" } }, imageHeight: { defaultValue: { value: "auto" }, description: "Image height. Default: 'auto'", name: "imageHeight", required: !1, type: { name: "string | number" } }, maxWidth: { defaultValue: { value: "lg" }, description: "Container max width. Default: 'lg'", name: "maxWidth", required: !1, type: { name: 'false | "xs" | "sm" | "md" | "lg" | "xl"' } }, height: { defaultValue: { value: "100vh" }, description: "Main container height. Default: '100vh'", name: "height", required: !1, type: { name: "string | number" } }, py: { defaultValue: { value: "8" }, description: "Vertical padding. Default: 8 (64px)", name: "py", required: !1, type: { name: "string | number" } }, spacing: { defaultValue: { value: "6" }, description: "Spacing between elements. Default: 6", name: "spacing", required: !1, type: { name: "number" } }, titleVariant: { defaultValue: { value: "h4" }, description: "Title typography variant. Default: 'h4'", name: "titleVariant", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, descriptionVariant: { defaultValue: { value: "body1" }, description: "Description typography variant. Default: 'body1'", name: "descriptionVariant", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, buttonVariant: { defaultValue: { value: "contained" }, description: "Button variant. Default: 'contained'", name: "buttonVariant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"outlined"' }, { value: '"contained"' }] } }, buttonColor: { defaultValue: { value: "primary" }, description: "Button color. Default: 'primary'", name: "buttonColor", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"error"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }] } }, containerSx: { defaultValue: null, description: "Custom styles for the main container", name: "containerSx", required: !1, type: { name: "SxProps<Theme>" } }, imageContainerSx: { defaultValue: null, description: "Custom styles for the image container", name: "imageContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, contentSx: { defaultValue: null, description: "Custom styles for the content stack", name: "contentSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom styles for the title", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, descriptionSx: { defaultValue: null, description: "Custom styles for the description", name: "descriptionSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonContainerSx: { defaultValue: null, description: "Custom styles for the button container", name: "buttonContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonProps: { defaultValue: null, description: "Additional button props", name: "buttonProps", required: !1, type: { name: "Partial<ButtonProps>" } }, hideImage: { defaultValue: { value: "false" }, description: "Hide image. Default: false", name: "hideImage", required: !1, type: { name: "boolean" } }, customActions: { defaultValue: null, description: "Custom content to render instead of the button", name: "customActions", required: !1, type: { name: "ReactNode" } } } };
|
|
56
56
|
} catch {
|
|
57
57
|
}
|
|
58
58
|
try {
|
|
59
|
-
serrorlayout.displayName = "serrorlayout", serrorlayout.__docgenInfo = { description: "A full-screen error layout component for displaying error pages with customizable content and styling.", displayName: "serrorlayout", props: { imageSrc: { defaultValue: null, description: "Source URL for the error image", name: "imageSrc", required: !0, type: { name: "string" } }, imageAlt: { defaultValue: null, description: "Alt text for the error image", name: "imageAlt", required: !0, type: { name: "string" } }, title: { defaultValue: null, description: "Main error title text", name: "title", required: !0, type: { name: "string" } }, description: { defaultValue: null, description: "Error description text", name: "description", required: !0, type: { name: "ReactNode" } }, buttonText: { defaultValue: null, description: "Text for the action button. If not provided, button will not be shown", name: "buttonText", required: !1, type: { name: "string" } }, imageWidth: { defaultValue: { value: "200px" }, description: "Image width. Default: '200px'", name: "imageWidth", required: !1, type: { name: "string | number" } }, imageHeight: { defaultValue: { value: "auto" }, description: "Image height. Default: 'auto'", name: "imageHeight", required: !1, type: { name: "string | number" } }, maxWidth: { defaultValue: { value: "lg" }, description: "Container max width. Default: 'lg'", name: "maxWidth", required: !1, type: { name: 'false | "xs" | "sm" | "md" | "lg" | "xl"' } }, height: { defaultValue: { value: "100vh" }, description: "Main container height. Default: '100vh'", name: "height", required: !1, type: { name: "string | number" } }, py: { defaultValue: { value: "8" }, description: "Vertical padding. Default: 8 (64px)", name: "py", required: !1, type: { name: "string | number" } }, spacing: { defaultValue: { value: "6" }, description: "Spacing between elements. Default: 6", name: "spacing", required: !1, type: { name: "number" } }, titleVariant: { defaultValue: { value: "h4" }, description: "Title typography variant. Default: 'h4'", name: "titleVariant", required: !1, type: { name: "enum", value: [{ value: '"
|
|
59
|
+
serrorlayout.displayName = "serrorlayout", serrorlayout.__docgenInfo = { description: "A full-screen error layout component for displaying error pages with customizable content and styling.", displayName: "serrorlayout", props: { imageSrc: { defaultValue: null, description: "Source URL for the error image", name: "imageSrc", required: !0, type: { name: "string" } }, imageAlt: { defaultValue: null, description: "Alt text for the error image", name: "imageAlt", required: !0, type: { name: "string" } }, title: { defaultValue: null, description: "Main error title text", name: "title", required: !0, type: { name: "string" } }, description: { defaultValue: null, description: "Error description text", name: "description", required: !0, type: { name: "ReactNode" } }, buttonText: { defaultValue: null, description: "Text for the action button. If not provided, button will not be shown", name: "buttonText", required: !1, type: { name: "string" } }, imageWidth: { defaultValue: { value: "200px" }, description: "Image width. Default: '200px'", name: "imageWidth", required: !1, type: { name: "string | number" } }, imageHeight: { defaultValue: { value: "auto" }, description: "Image height. Default: 'auto'", name: "imageHeight", required: !1, type: { name: "string | number" } }, maxWidth: { defaultValue: { value: "lg" }, description: "Container max width. Default: 'lg'", name: "maxWidth", required: !1, type: { name: 'false | "xs" | "sm" | "md" | "lg" | "xl"' } }, height: { defaultValue: { value: "100vh" }, description: "Main container height. Default: '100vh'", name: "height", required: !1, type: { name: "string | number" } }, py: { defaultValue: { value: "8" }, description: "Vertical padding. Default: 8 (64px)", name: "py", required: !1, type: { name: "string | number" } }, spacing: { defaultValue: { value: "6" }, description: "Spacing between elements. Default: 6", name: "spacing", required: !1, type: { name: "number" } }, titleVariant: { defaultValue: { value: "h4" }, description: "Title typography variant. Default: 'h4'", name: "titleVariant", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, descriptionVariant: { defaultValue: { value: "body1" }, description: "Description typography variant. Default: 'body1'", name: "descriptionVariant", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"button"' }, { value: '"caption"' }, { value: '"h1"' }, { value: '"h2"' }, { value: '"h3"' }, { value: '"h4"' }, { value: '"h5"' }, { value: '"h6"' }, { value: '"subtitle1"' }, { value: '"subtitle2"' }, { value: '"body1"' }, { value: '"body2"' }, { value: '"overline"' }] } }, buttonVariant: { defaultValue: { value: "contained" }, description: "Button variant. Default: 'contained'", name: "buttonVariant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"outlined"' }, { value: '"contained"' }] } }, buttonColor: { defaultValue: { value: "primary" }, description: "Button color. Default: 'primary'", name: "buttonColor", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"error"' }, { value: '"info"' }, { value: '"success"' }, { value: '"warning"' }] } }, containerSx: { defaultValue: null, description: "Custom styles for the main container", name: "containerSx", required: !1, type: { name: "SxProps<Theme>" } }, imageContainerSx: { defaultValue: null, description: "Custom styles for the image container", name: "imageContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, contentSx: { defaultValue: null, description: "Custom styles for the content stack", name: "contentSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom styles for the title", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, descriptionSx: { defaultValue: null, description: "Custom styles for the description", name: "descriptionSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonContainerSx: { defaultValue: null, description: "Custom styles for the button container", name: "buttonContainerSx", required: !1, type: { name: "SxProps<Theme>" } }, buttonProps: { defaultValue: null, description: "Additional button props", name: "buttonProps", required: !1, type: { name: "Partial<ButtonProps>" } }, hideImage: { defaultValue: { value: "false" }, description: "Hide image. Default: false", name: "hideImage", required: !1, type: { name: "boolean" } }, customActions: { defaultValue: null, description: "Custom content to render instead of the button", name: "customActions", required: !1, type: { name: "ReactNode" } } } };
|
|
60
60
|
} catch {
|
|
61
61
|
}
|
|
62
62
|
export {
|