@solostylist/ui-kit 1.0.171 → 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.js +79 -80
- package/dist/s-breadcrumbs/s-breadcrumbs.js +2 -2
- package/dist/s-button-link/s-button-link.js +2 -2
- package/dist/s-chat-input/s-chat-input.js +29 -29
- package/dist/s-chat-message/s-chat-message.js +14 -70
- 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 -188
- package/dist/s-review/s-review.js +28 -28
- package/dist/s-skeleton/s-skeleton.js +2 -2
- package/dist/s-stripe/s-stripe.js +2 -2
- package/dist/s-tabs/s-tab-panel.js +2 -2
- package/dist/s-theme-demo/s-theme-demo.js +65 -65
- package/dist/s-theme-provider/s-theme-provider.js +2 -2
- package/dist/s-theme-switch/s-theme-switch.js +1 -1
- package/dist/theme/theme-primitives.d.ts +1 -0
- package/dist/theme/theme-primitives.js +29 -28
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as e } from "../jsx-runtime-OVHDjVDe.js";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Box as s, Typography as n, Paper as L, IconButton 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
4
|
import { SAvatar as W } from "../s-avatar/s-avatar.js";
|
|
5
5
|
import { SImageModal as E } from "../s-image-modal/s-image-modal.js";
|
|
6
6
|
import "../s-lazy-image/index.js";
|
|
@@ -33,7 +33,7 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
|
|
|
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
|
|
@@ -42,7 +42,7 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
|
|
|
42
42
|
const u = ["Bytes", "KB", "MB", "GB"], f = Math.floor(Math.log(a) / Math.log(1024));
|
|
43
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");
|
|
@@ -121,19 +121,7 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
|
|
|
121
121
|
gap: 0.5,
|
|
122
122
|
sx: { minWidth: 0 },
|
|
123
123
|
children: [
|
|
124
|
-
r && !t && /* @__PURE__ */ e.jsx(
|
|
125
|
-
n,
|
|
126
|
-
{
|
|
127
|
-
variant: "caption",
|
|
128
|
-
sx: {
|
|
129
|
-
color: "text.secondary",
|
|
130
|
-
fontSize: "0.75rem",
|
|
131
|
-
fontWeight: 500,
|
|
132
|
-
ml: 0.5
|
|
133
|
-
},
|
|
134
|
-
children: r
|
|
135
|
-
}
|
|
136
|
-
),
|
|
124
|
+
r && !t && /* @__PURE__ */ e.jsx(n, { children: r }),
|
|
137
125
|
/* @__PURE__ */ e.jsxs(
|
|
138
126
|
s,
|
|
139
127
|
{
|
|
@@ -224,19 +212,10 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
|
|
|
224
212
|
children: a.name || "Unnamed File"
|
|
225
213
|
}
|
|
226
214
|
),
|
|
227
|
-
a.size && /* @__PURE__ */ e.jsx(
|
|
228
|
-
n,
|
|
229
|
-
{
|
|
230
|
-
variant: "caption",
|
|
231
|
-
sx: {
|
|
232
|
-
fontSize: "0.75rem"
|
|
233
|
-
},
|
|
234
|
-
children: F(a.size)
|
|
235
|
-
}
|
|
236
|
-
)
|
|
215
|
+
a.size && /* @__PURE__ */ e.jsx(n, { variant: "caption", children: F(a.size) })
|
|
237
216
|
] }),
|
|
238
217
|
m && /* @__PURE__ */ e.jsx(
|
|
239
|
-
|
|
218
|
+
z,
|
|
240
219
|
{
|
|
241
220
|
size: "small",
|
|
242
221
|
onClick: (f) => {
|
|
@@ -264,47 +243,12 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
|
|
|
264
243
|
]
|
|
265
244
|
}
|
|
266
245
|
),
|
|
267
|
-
b && y && /* @__PURE__ */ e.jsx(
|
|
268
|
-
|
|
269
|
-
{
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
fontSize: "0.7rem",
|
|
274
|
-
ml: t ? 0 : 0.5,
|
|
275
|
-
mr: t ? 0.5 : 0
|
|
276
|
-
},
|
|
277
|
-
children: R(y)
|
|
278
|
-
}
|
|
279
|
-
),
|
|
280
|
-
h && /* @__PURE__ */ e.jsxs(
|
|
281
|
-
s,
|
|
282
|
-
{
|
|
283
|
-
display: "flex",
|
|
284
|
-
alignItems: "center",
|
|
285
|
-
gap: 0.5,
|
|
286
|
-
sx: {
|
|
287
|
-
color: "error.main",
|
|
288
|
-
ml: t ? 0 : 0.5,
|
|
289
|
-
mr: t ? 0.5 : 0
|
|
290
|
-
},
|
|
291
|
-
children: [
|
|
292
|
-
/* @__PURE__ */ e.jsx(P, { sx: { fontSize: "1rem" } }),
|
|
293
|
-
/* @__PURE__ */ e.jsx(
|
|
294
|
-
n,
|
|
295
|
-
{
|
|
296
|
-
variant: "caption",
|
|
297
|
-
sx: {
|
|
298
|
-
fontSize: "0.875rem",
|
|
299
|
-
fontWeight: 500
|
|
300
|
-
},
|
|
301
|
-
children: T
|
|
302
|
-
}
|
|
303
|
-
),
|
|
304
|
-
V && /* @__PURE__ */ e.jsx(M, { size: "small", onClick: V, children: /* @__PURE__ */ e.jsx(H, {}) })
|
|
305
|
-
]
|
|
306
|
-
}
|
|
307
|
-
)
|
|
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
|
+
] })
|
|
308
252
|
]
|
|
309
253
|
}
|
|
310
254
|
),
|
|
@@ -314,7 +258,7 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
|
|
|
314
258
|
{
|
|
315
259
|
isOpen: D,
|
|
316
260
|
onClose: () => {
|
|
317
|
-
|
|
261
|
+
S(!1), k(null);
|
|
318
262
|
},
|
|
319
263
|
selectedItem: {
|
|
320
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: '"primary"' }, { value: '"secondary"' }, { 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: '"primary"' }, { value: '"secondary"' }, { 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: '"primary"' }, { value: '"secondary"' }, { 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: '"primary"' }, { value: '"secondary"' }, { 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 {
|