@geekapps/silo-elements-nextjs 0.2.35 → 0.2.36
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/FileUploader.js +51 -81
- package/dist/FileUploader.js.map +1 -1
- package/dist/ImageUploader.js +47 -109
- package/dist/ImageUploader.js.map +1 -1
- package/dist/MediaUploader.js +132 -246
- package/dist/MediaUploader.js.map +1 -1
- package/dist/VideoUploader.js +52 -114
- package/dist/VideoUploader.js.map +1 -1
- package/dist/components/DropZone.js +7 -9
- package/dist/components/DropZone.js.map +1 -1
- package/dist/components/ProgressBar.js +2 -20
- package/dist/components/ProgressBar.js.map +1 -1
- package/dist/index.d.ts +0 -3
- package/dist/index.js +164 -407
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -2
- package/package.json +1 -1
package/dist/FileUploader.js
CHANGED
|
@@ -86,20 +86,18 @@ function DropZone({
|
|
|
86
86
|
);
|
|
87
87
|
const rootStyle = {
|
|
88
88
|
...vars,
|
|
89
|
-
fontFamily: "var(--silo-font)",
|
|
90
|
-
border: `2px dashed ${dragging ? "var(--silo-border-active)" : "var(--silo-border)"}`,
|
|
91
|
-
borderRadius: "var(--silo-radius)",
|
|
92
|
-
backgroundColor: dragging ? "var(--silo-bg-hover)" : "var(--silo-bg)",
|
|
93
|
-
color: "var(--silo-text)",
|
|
94
|
-
cursor: disabled ? "not-allowed" : "pointer",
|
|
95
|
-
transition: "border-color 0.15s, background-color 0.15s",
|
|
96
|
-
opacity: disabled ? 0.5 : 1,
|
|
97
89
|
...style
|
|
98
90
|
};
|
|
91
|
+
const cls = [
|
|
92
|
+
"silo-dropzone",
|
|
93
|
+
dragging ? "silo-dropzone--dragging" : "",
|
|
94
|
+
disabled ? "silo-dropzone--disabled" : "",
|
|
95
|
+
className
|
|
96
|
+
].filter(Boolean).join(" ");
|
|
99
97
|
return /* @__PURE__ */ jsxs(
|
|
100
98
|
"div",
|
|
101
99
|
{
|
|
102
|
-
className:
|
|
100
|
+
className: cls,
|
|
103
101
|
style: rootStyle,
|
|
104
102
|
onDragOver: (e) => {
|
|
105
103
|
e.preventDefault();
|
|
@@ -137,30 +135,12 @@ function ProgressBar({ progress, className = "", style }) {
|
|
|
137
135
|
"div",
|
|
138
136
|
{
|
|
139
137
|
className: `silo-progress-track${className ? ` ${className}` : ""}`,
|
|
140
|
-
style
|
|
141
|
-
height: "6px",
|
|
142
|
-
borderRadius: "3px",
|
|
143
|
-
backgroundColor: "rgba(99,102,241,0.15)",
|
|
144
|
-
overflow: "hidden",
|
|
145
|
-
...style
|
|
146
|
-
},
|
|
138
|
+
style,
|
|
147
139
|
role: "progressbar",
|
|
148
140
|
"aria-valuenow": progress,
|
|
149
141
|
"aria-valuemin": 0,
|
|
150
142
|
"aria-valuemax": 100,
|
|
151
|
-
children: /* @__PURE__ */ jsx(
|
|
152
|
-
"div",
|
|
153
|
-
{
|
|
154
|
-
className: "silo-progress-fill",
|
|
155
|
-
style: {
|
|
156
|
-
height: "100%",
|
|
157
|
-
width: `${progress}%`,
|
|
158
|
-
backgroundColor: "var(--silo-accent, #6366f1)",
|
|
159
|
-
borderRadius: "3px",
|
|
160
|
-
transition: "width 0.2s ease"
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
)
|
|
143
|
+
children: /* @__PURE__ */ jsx("div", { className: "silo-progress-fill", style: { width: `${progress}%` } })
|
|
164
144
|
}
|
|
165
145
|
);
|
|
166
146
|
}
|
|
@@ -512,11 +492,11 @@ function FileUploader({
|
|
|
512
492
|
onFiles: handleFiles,
|
|
513
493
|
style: { padding: "28px 24px", textAlign: "center" },
|
|
514
494
|
children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "8px" }, children: [
|
|
515
|
-
renderIcon ? renderIcon() : /* @__PURE__ */ jsx("svg", { width: "40", height: "40", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor",
|
|
495
|
+
renderIcon ? renderIcon() : /* @__PURE__ */ jsx("svg", { width: "40", height: "40", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", className: "silo-text-muted", style: { opacity: 0.5 }, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }) }),
|
|
516
496
|
children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
517
|
-
/* @__PURE__ */ jsx("span", { style: { fontWeight: 700, fontSize: 15
|
|
518
|
-
/* @__PURE__ */ jsx("span", { style: { fontSize: 13
|
|
519
|
-
maxSize && /* @__PURE__ */ jsxs("span", { style: { fontSize: 12
|
|
497
|
+
/* @__PURE__ */ jsx("span", { className: "silo-text", style: { fontWeight: 700, fontSize: 15 }, children: multiple ? "Arraste seus arquivos aqui" : "Arraste seu arquivo aqui" }),
|
|
498
|
+
/* @__PURE__ */ jsx("span", { className: "silo-text-muted", style: { fontSize: 13 }, children: "ou clique para escolher do seu dispositivo" }),
|
|
499
|
+
maxSize && /* @__PURE__ */ jsxs("span", { className: "silo-text-muted", style: { fontSize: 12 }, children: [
|
|
520
500
|
"Tamanho m\xE1ximo: ",
|
|
521
501
|
formatBytes(maxSize)
|
|
522
502
|
] })
|
|
@@ -525,8 +505,8 @@ function FileUploader({
|
|
|
525
505
|
}
|
|
526
506
|
),
|
|
527
507
|
staged && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
|
|
528
|
-
/* @__PURE__ */ jsx("div", { style: { fontSize: 13, fontWeight: 600,
|
|
529
|
-
staged.map((f, i) => /* @__PURE__ */ jsxs("div", {
|
|
508
|
+
/* @__PURE__ */ jsx("div", { className: "silo-text-muted", style: { fontSize: 13, fontWeight: 600, marginBottom: 2 }, children: staged.length === 1 ? "1 arquivo selecionado" : `${staged.length} arquivos selecionados` }),
|
|
509
|
+
staged.map((f, i) => /* @__PURE__ */ jsxs("div", { className: "silo-card", children: [
|
|
530
510
|
/* @__PURE__ */ jsx("span", { style: { fontSize: 20, flexShrink: 0 }, children: getFileIcon(f.type) }),
|
|
531
511
|
/* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
532
512
|
editingIndex === i ? /* @__PURE__ */ jsx(
|
|
@@ -546,28 +526,30 @@ function FileUploader({
|
|
|
546
526
|
}
|
|
547
527
|
if (e.key === "Escape") setEditingIndex(null);
|
|
548
528
|
},
|
|
549
|
-
style: { width: "100%", fontSize: 13, fontWeight: 500, border: "1px solid var(--silo-accent, #6366f1)", borderRadius: 5, padding: "2px 8px", outline: "none", background: "var(--silo-bg)", color: "var(--silo-text)", fontFamily: "var(--silo-font)" }
|
|
529
|
+
style: { width: "100%", fontSize: 13, fontWeight: 500, border: "1px solid var(--silo-accent, #6366f1)", borderRadius: 5, padding: "2px 8px", outline: "none", background: "var(--silo-bg, #f8fafc)", color: "var(--silo-text, #0f172a)", fontFamily: "var(--silo-font, inherit)" }
|
|
550
530
|
}
|
|
551
531
|
) : /* @__PURE__ */ jsxs(
|
|
552
532
|
"div",
|
|
553
533
|
{
|
|
554
|
-
|
|
534
|
+
className: "silo-text",
|
|
535
|
+
style: { fontSize: 13, fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", cursor: allowRename ? "text" : "default" },
|
|
555
536
|
onClick: () => allowRename && setEditingIndex(i),
|
|
556
537
|
title: allowRename ? "Clique para renomear" : void 0,
|
|
557
538
|
children: [
|
|
558
539
|
effectiveName(i, staged),
|
|
559
|
-
renames.has(i) && /* @__PURE__ */ jsx("span", { style: { marginLeft: 6, fontSize: 10,
|
|
540
|
+
renames.has(i) && /* @__PURE__ */ jsx("span", { className: "silo-text-accent", style: { marginLeft: 6, fontSize: 10, fontWeight: 700 }, children: "renomeado" })
|
|
560
541
|
]
|
|
561
542
|
}
|
|
562
543
|
),
|
|
563
|
-
/* @__PURE__ */ jsx("div", { style: { fontSize: 11,
|
|
544
|
+
/* @__PURE__ */ jsx("div", { className: "silo-text-muted", style: { fontSize: 11, marginTop: 1 }, children: formatBytes(f.size) })
|
|
564
545
|
] }),
|
|
565
546
|
allowRename && /* @__PURE__ */ jsx(
|
|
566
547
|
"button",
|
|
567
548
|
{
|
|
568
549
|
onClick: () => setEditingIndex(i),
|
|
569
550
|
title: "Renomear",
|
|
570
|
-
|
|
551
|
+
className: "silo-text-muted",
|
|
552
|
+
style: { background: "none", border: "none", cursor: "pointer", fontSize: 14, padding: "0 4px", flexShrink: 0 },
|
|
571
553
|
children: "\u270F\uFE0F"
|
|
572
554
|
}
|
|
573
555
|
),
|
|
@@ -579,42 +561,29 @@ function FileUploader({
|
|
|
579
561
|
if (next.length === 0) clearStaging();
|
|
580
562
|
else setStaged(next);
|
|
581
563
|
},
|
|
582
|
-
|
|
564
|
+
className: "silo-text-muted",
|
|
565
|
+
style: { background: "none", border: "none", cursor: "pointer", fontSize: 18, padding: "0 4px", lineHeight: 1, flexShrink: 0 },
|
|
583
566
|
children: "\xD7"
|
|
584
567
|
}
|
|
585
568
|
)
|
|
586
569
|
] }, i)),
|
|
587
|
-
showImageOptions && staged.some((f) => f.type.startsWith("image/")) && /* @__PURE__ */ jsxs("div", {
|
|
588
|
-
/* @__PURE__ */ jsx("div", {
|
|
570
|
+
showImageOptions && staged.some((f) => f.type.startsWith("image/")) && /* @__PURE__ */ jsxs("div", { className: "silo-section-body", children: [
|
|
571
|
+
/* @__PURE__ */ jsx("div", { className: "silo-section-header", children: "\u{1F5BC}\uFE0F Configura\xE7\xF5es de imagem" }),
|
|
589
572
|
/* @__PURE__ */ jsx(ImageOptions, { value: imageOpts, onChange: setImageOpts, style: { padding: "12px 14px" } })
|
|
590
573
|
] }),
|
|
591
|
-
showVideoOptions && staged.some((f) => f.type.startsWith("video/")) && /* @__PURE__ */ jsxs("div", {
|
|
592
|
-
/* @__PURE__ */ jsx("div", {
|
|
574
|
+
showVideoOptions && staged.some((f) => f.type.startsWith("video/")) && /* @__PURE__ */ jsxs("div", { className: "silo-section-body", children: [
|
|
575
|
+
/* @__PURE__ */ jsx("div", { className: "silo-section-header", children: "\u{1F3AC} Configura\xE7\xF5es de v\xEDdeo" }),
|
|
593
576
|
/* @__PURE__ */ jsx(VideoOptions, { value: videoOpts, onChange: setVideoOpts, style: { padding: "12px 14px" } })
|
|
594
577
|
] }),
|
|
595
578
|
/* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8, marginTop: 4 }, children: [
|
|
596
|
-
/* @__PURE__ */ jsx(
|
|
597
|
-
|
|
598
|
-
{
|
|
599
|
-
onClick: clearStaging,
|
|
600
|
-
style: { padding: "10px 16px", borderRadius: 8, border: "1px solid var(--silo-border)", background: "transparent", color: "var(--silo-text-muted)", fontSize: 13, fontWeight: 600, cursor: "pointer" },
|
|
601
|
-
children: "Cancelar"
|
|
602
|
-
}
|
|
603
|
-
),
|
|
604
|
-
/* @__PURE__ */ jsx(
|
|
605
|
-
"button",
|
|
606
|
-
{
|
|
607
|
-
onClick: handleConfirmUpload,
|
|
608
|
-
style: { flex: 1, padding: "10px", borderRadius: 8, border: "none", background: "var(--silo-accent, #6366f1)", color: "#fff", fontSize: 14, fontWeight: 700, cursor: "pointer" },
|
|
609
|
-
children: staged.length > 1 ? `Enviar ${staged.length} arquivos` : "Enviar arquivo"
|
|
610
|
-
}
|
|
611
|
-
)
|
|
579
|
+
/* @__PURE__ */ jsx("button", { className: "silo-btn silo-btn--lg", onClick: clearStaging, children: "Cancelar" }),
|
|
580
|
+
/* @__PURE__ */ jsx("button", { className: "silo-btn silo-btn--lg silo-btn--primary", style: { flex: 1 }, onClick: handleConfirmUpload, children: staged.length > 1 ? `Enviar ${staged.length} arquivos` : "Enviar arquivo" })
|
|
612
581
|
] })
|
|
613
582
|
] }),
|
|
614
|
-
isSingleUploading && !isBatch && (renderProgress ? renderProgress(singleProgress) : /* @__PURE__ */ jsxs("div", {
|
|
583
|
+
isSingleUploading && !isBatch && (renderProgress ? renderProgress(singleProgress) : /* @__PURE__ */ jsxs("div", { className: "silo-card", style: { flexDirection: "column", gap: 8, padding: 16 }, children: [
|
|
615
584
|
/* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
616
|
-
/* @__PURE__ */ jsx("span", { style: { fontSize: 13, fontWeight: 600
|
|
617
|
-
/* @__PURE__ */ jsxs("span", { style: { fontSize: 13, fontWeight: 700
|
|
585
|
+
/* @__PURE__ */ jsx("span", { className: "silo-text", style: { fontSize: 13, fontWeight: 600 }, children: uploadLabel(single.state.status, singleProgress) }),
|
|
586
|
+
/* @__PURE__ */ jsxs("span", { className: "silo-text-accent", style: { fontSize: 13, fontWeight: 700 }, children: [
|
|
618
587
|
singleProgress,
|
|
619
588
|
"%"
|
|
620
589
|
] })
|
|
@@ -628,17 +597,17 @@ function FileUploader({
|
|
|
628
597
|
const isPaused = st.status === "paused";
|
|
629
598
|
const isDone = st.status === "done";
|
|
630
599
|
const isErr = st.status === "error";
|
|
631
|
-
return /* @__PURE__ */ jsxs("div", { style: {
|
|
632
|
-
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10
|
|
600
|
+
return /* @__PURE__ */ jsxs("div", { className: "silo-card", style: { flexDirection: "column", alignItems: "stretch", gap: 8, padding: "12px 14px" }, children: [
|
|
601
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
|
|
633
602
|
/* @__PURE__ */ jsx("span", { style: { fontSize: 18, flexShrink: 0 }, children: getFileIcon(f.file.type) }),
|
|
634
603
|
/* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
635
|
-
/* @__PURE__ */ jsx("div", { style: { fontSize: 13, fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap"
|
|
636
|
-
/* @__PURE__ */ jsx("div", { style: { fontSize: 11
|
|
604
|
+
/* @__PURE__ */ jsx("div", { className: "silo-text", style: { fontSize: 13, fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: f.file.name }),
|
|
605
|
+
/* @__PURE__ */ jsx("div", { className: "silo-text-muted", style: { fontSize: 11 }, children: formatBytes(f.file.size) })
|
|
637
606
|
] }),
|
|
638
607
|
isDone && /* @__PURE__ */ jsx("span", { style: { fontSize: 18, flexShrink: 0 }, children: "\u2705" }),
|
|
639
|
-
isErr && /* @__PURE__ */ jsx("span", { style: { fontSize: 12,
|
|
640
|
-
!isDone && !isErr && /* @__PURE__ */ jsx("span", {
|
|
641
|
-
!isDone && !isErr && f.fileId && (isPaused ? /* @__PURE__ */ jsx("button", {
|
|
608
|
+
isErr && /* @__PURE__ */ jsx("span", { className: "silo-text-error", style: { fontSize: 12, fontWeight: 600, flexShrink: 0 }, children: "Erro no envio" }),
|
|
609
|
+
!isDone && !isErr && /* @__PURE__ */ jsx("span", { className: isPaused ? "silo-text-muted" : "silo-text-accent", style: { fontSize: 12, fontWeight: 700, flexShrink: 0 }, children: isPaused ? "Pausado" : `${p}%` }),
|
|
610
|
+
!isDone && !isErr && f.fileId && (isPaused ? /* @__PURE__ */ jsx("button", { className: "silo-btn silo-btn--success", style: { fontSize: 11, padding: "3px 10px" }, onClick: () => batch.resumeFile(f.fileId), children: "Retomar" }) : st.status === "uploading" ? /* @__PURE__ */ jsx("button", { className: "silo-btn", style: { fontSize: 11, padding: "3px 10px" }, onClick: () => batch.pauseFile(f.fileId), children: "Pausar" }) : null)
|
|
642
611
|
] }),
|
|
643
612
|
!isDone && !isErr && /* @__PURE__ */ jsx(ProgressBar, { progress: p })
|
|
644
613
|
] }, i);
|
|
@@ -647,40 +616,41 @@ function FileUploader({
|
|
|
647
616
|
batch.state.status !== "done" && /* @__PURE__ */ jsx(
|
|
648
617
|
"button",
|
|
649
618
|
{
|
|
619
|
+
className: `silo-btn silo-btn--lg${isBatchUploading ? " silo-btn--warning" : " silo-btn--success"}`,
|
|
620
|
+
style: { flex: 1 },
|
|
650
621
|
onClick: isBatchUploading ? batch.pauseAll : batch.resumeAll,
|
|
651
|
-
style: { flex: 1, padding: "10px", borderRadius: 8, border: "none", background: isBatchUploading ? "#f59e0b" : "#10b981", color: "#fff", fontSize: 13, fontWeight: 700, cursor: "pointer" },
|
|
652
622
|
children: isBatchUploading ? "\u23F8 Pausar tudo" : "\u25B6 Retomar tudo"
|
|
653
623
|
}
|
|
654
624
|
),
|
|
655
625
|
/* @__PURE__ */ jsx(
|
|
656
626
|
"button",
|
|
657
627
|
{
|
|
628
|
+
className: `silo-btn silo-btn--lg${batch.state.status === "done" ? " silo-btn--primary" : " silo-btn--danger"}`,
|
|
658
629
|
onClick: batch.state.status === "done" ? batch.reset : batch.abortAll,
|
|
659
|
-
style: { padding: "10px 16px", borderRadius: 8, border: "none", background: batch.state.status === "done" ? "var(--silo-accent, #6366f1)" : "rgba(239,68,68,0.1)", color: batch.state.status === "done" ? "#fff" : "#ef4444", fontSize: 13, fontWeight: 700, cursor: "pointer" },
|
|
660
630
|
children: batch.state.status === "done" ? "Enviar mais arquivos" : "Cancelar"
|
|
661
631
|
}
|
|
662
632
|
)
|
|
663
633
|
] }),
|
|
664
|
-
batch.state.status === "done" && /* @__PURE__ */ jsxs("div", {
|
|
634
|
+
batch.state.status === "done" && /* @__PURE__ */ jsxs("div", { className: "silo-card silo-card--success", style: { gap: 10 }, children: [
|
|
665
635
|
/* @__PURE__ */ jsx("span", { style: { fontSize: 20 }, children: "\u{1F389}" }),
|
|
666
636
|
/* @__PURE__ */ jsx("span", { style: { fontSize: 14, fontWeight: 600, color: "#16a34a" }, children: batch.state.files.length === 1 ? "Arquivo enviado com sucesso!" : `${batch.state.files.length} arquivos enviados com sucesso!` })
|
|
667
637
|
] })
|
|
668
638
|
] }),
|
|
669
|
-
single.state.status === "done" && !renderSuccess && /* @__PURE__ */ jsxs("div", {
|
|
639
|
+
single.state.status === "done" && !renderSuccess && /* @__PURE__ */ jsxs("div", { className: "silo-card silo-card--success", style: { gap: 12, padding: "14px 16px" }, children: [
|
|
670
640
|
/* @__PURE__ */ jsx("span", { style: { fontSize: 24 }, children: "\u2705" }),
|
|
671
641
|
/* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
672
642
|
/* @__PURE__ */ jsx("div", { style: { fontWeight: 700, fontSize: 14, color: "#16a34a" }, children: "Arquivo enviado com sucesso!" }),
|
|
673
|
-
/* @__PURE__ */ jsx("div", { style: { fontSize: 12,
|
|
643
|
+
/* @__PURE__ */ jsx("div", { className: "silo-text-muted", style: { fontSize: 12, marginTop: 2 }, children: formatBytes(single.state.result.size) })
|
|
674
644
|
] }),
|
|
675
|
-
/* @__PURE__ */ jsx("button", {
|
|
645
|
+
/* @__PURE__ */ jsx("button", { className: "silo-btn", style: { borderColor: "rgba(34,197,94,0.3)", color: "#16a34a", padding: "4px 10px", flexShrink: 0 }, onClick: single.reset, children: "Enviar outro" })
|
|
676
646
|
] }),
|
|
677
|
-
single.state.status === "error" && !renderError && /* @__PURE__ */ jsxs("div", {
|
|
647
|
+
single.state.status === "error" && !renderError && /* @__PURE__ */ jsxs("div", { className: "silo-card silo-card--error", style: { gap: 12, padding: "14px 16px" }, children: [
|
|
678
648
|
/* @__PURE__ */ jsx("span", { style: { fontSize: 22 }, children: "\u26A0\uFE0F" }),
|
|
679
649
|
/* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
680
|
-
/* @__PURE__ */ jsx("div", { style: { fontWeight: 700, fontSize: 13
|
|
681
|
-
/* @__PURE__ */ jsx("div", { style: { fontSize: 12,
|
|
650
|
+
/* @__PURE__ */ jsx("div", { className: "silo-text-error", style: { fontWeight: 700, fontSize: 13 }, children: "N\xE3o foi poss\xEDvel enviar o arquivo" }),
|
|
651
|
+
/* @__PURE__ */ jsx("div", { className: "silo-text-muted", style: { fontSize: 12, marginTop: 2 }, children: single.state.error.message })
|
|
682
652
|
] }),
|
|
683
|
-
/* @__PURE__ */ jsx("button", {
|
|
653
|
+
/* @__PURE__ */ jsx("button", { className: "silo-btn", style: { borderColor: "rgba(239,68,68,0.3)", color: "#ef4444", padding: "4px 10px", flexShrink: 0 }, onClick: single.reset, children: "Tentar novamente" })
|
|
684
654
|
] })
|
|
685
655
|
] });
|
|
686
656
|
}
|