@geekapps/silo-elements-nextjs 0.2.37 → 0.2.38

package/dist/MediaUploader.js

@@ -89,9 +89,9 @@ function DropZone({
     ...style
   };
   const cls = [
-    "border-2 border-dashed border-slate-200 rounded-xl bg-slate-50 text-slate-900 cursor-pointer outline-none transition-colors duration-150",
-    dragging ? "border-indigo-500 bg-slate-100" : "hover:border-indigo-500 hover:bg-slate-100",
-    disabled ? "opacity-50 cursor-not-allowed" : "",
+    "silo-border-2 silo-border-dashed silo-border-slate-200 silo-rounded-xl silo-bg-slate-50 silo-text-slate-900 silo-cursor-pointer silo-outline-none silo-transition-colors silo-duration-150",
+    dragging ? "silo-border-indigo-500 silo-bg-slate-100" : "hover:silo-border-indigo-500 hover:silo-bg-slate-100",
+    disabled ? "silo-opacity-50 silo-cursor-not-allowed" : "",
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(
@@ -168,7 +168,7 @@ function ImageOptions({ value, onChange, style }) {
           type: "button",
           onClick: () => onChange({ ...value, format: f.value }),
           title: f.hint,
-          className: `py-1 px-3 rounded-md text-xs font-semibold cursor-pointer transition-colors border ${fmt === f.value ? "border-indigo-500 bg-indigo-500 text-white" : "border-slate-200 bg-transparent text-slate-900 hover:bg-slate-100"}`,
+          className: `py-1 px-3 rounded-md text-xs font-semibold cursor-pointer transition-colors border${fmt === f.value ? "border-indigo-500 bg-indigo-500 text-white" : "border-slate-200 bg-transparent text-slate-900 hover:bg-slate-100"}`,
           children: f.label
         },
         f.value
@@ -179,7 +179,7 @@ function ImageOptions({ value, onChange, style }) {
         "span",
         {
           onClick: () => onChange({ ...value, optimize: !optimize }),
-          className: `relative w-9 h-5 rounded-full shrink-0 cursor-pointer transition-colors duration-150 ${optimize ? "bg-indigo-500" : "bg-slate-200"}`,
+          className: `relative w-9 h-5 rounded-full shrink-0 cursor-pointer transition-colors duration-150${optimize ? "bg-indigo-500" : "bg-slate-200"}`,
           children: /* @__PURE__ */ jsx(
             "span",
             {
@@ -426,7 +426,7 @@ function Toggle({ checked, onToggle, label }) {
     /* @__PURE__ */ jsx(
       "span",
       {
-        className: `relative inline-block w-8 h-[18px] rounded-full shrink-0 cursor-pointer transition-colors duration-150 ${checked ? "bg-indigo-500" : "bg-slate-200"}`,
+        className: `relative inline-block w-8 h-[18px] rounded-full shrink-0 cursor-pointer transition-colors duration-150${checked ? "bg-indigo-500" : "bg-slate-200"}`,
         children: /* @__PURE__ */ jsx(
           "span",
           {
@@ -895,7 +895,7 @@ function FileUploader({
           ) : /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `text-[13px] font-semibold text-slate-900 overflow-hidden text-ellipsis whitespace-nowrap ${allowRename ? "cursor-text" : "cursor-default"}`,
+              className: `text-[13px] font-semibold text-slate-900 overflow-hidden text-ellipsis whitespace-nowrap${allowRename ? "cursor-text" : "cursor-default"}`,
               onClick: () => allowRename && setEditingIndex(i),
               title: allowRename ? "Clique para renomear" : void 0,
               children: [
@@ -981,7 +981,7 @@ function FileUploader({
             ] }),
             isDone && /* @__PURE__ */ jsx("span", { className: "text-lg shrink-0", children: "\u2705" }),
             isErr && /* @__PURE__ */ jsx("span", { className: "text-[12px] font-semibold text-red-500 shrink-0", children: "Erro no envio" }),
-            !isDone && !isErr && /* @__PURE__ */ jsx("span", { className: `text-[12px] font-bold shrink-0 ${isPaused ? "text-slate-400" : "text-indigo-500"}`, children: isPaused ? "Pausado" : `${p}%` }),
+            !isDone && !isErr && /* @__PURE__ */ jsx("span", { className: `text-[12px] font-bold shrink-0${isPaused ? "text-slate-400" : "text-indigo-500"}`, children: isPaused ? "Pausado" : `${p}%` }),
             !isDone && !isErr && f.fileId && (isPaused ? /* @__PURE__ */ jsx("button", { className: "inline-flex items-center justify-center gap-1.5 text-[11px] font-semibold py-0.5 px-2.5 rounded-lg border-transparent bg-emerald-500 text-white cursor-pointer hover:opacity-90", onClick: () => batch.resumeFile(f.fileId), children: "Retomar" }) : st.status === "uploading" ? /* @__PURE__ */ jsx("button", { className: "inline-flex items-center justify-center gap-1.5 text-[11px] font-semibold py-0.5 px-2.5 rounded-lg border border-slate-200 bg-transparent text-slate-900 cursor-pointer hover:bg-slate-100", onClick: () => batch.pauseFile(f.fileId), children: "Pausar" }) : null)
           ] }),
           !isDone && !isErr && /* @__PURE__ */ jsx(ProgressBar, { progress: p })
@@ -991,7 +991,7 @@ function FileUploader({
         batch.state.status !== "done" && /* @__PURE__ */ jsx(
           "button",
           {
-            className: `flex-1 inline-flex items-center justify-center gap-1.5 text-sm font-bold py-2.5 px-4 rounded-xl border-transparent text-white cursor-pointer hover:opacity-90 ${isBatchUploading ? "bg-amber-500" : "bg-emerald-500"}`,
+            className: `flex-1 inline-flex items-center justify-center gap-1.5 text-sm font-bold py-2.5 px-4 rounded-xl border-transparent text-white cursor-pointer hover:opacity-90${isBatchUploading ? "bg-amber-500" : "bg-emerald-500"}`,
             onClick: isBatchUploading ? batch.pauseAll : batch.resumeAll,
             children: isBatchUploading ? "\u23F8 Pausar tudo" : "\u25B6 Retomar tudo"
           }
@@ -999,7 +999,7 @@ function FileUploader({
         /* @__PURE__ */ jsx(
           "button",
           {
-            className: `inline-flex items-center justify-center gap-1.5 text-sm font-bold py-2.5 px-4 rounded-xl border-transparent text-white cursor-pointer hover:opacity-90 ${batch.state.status === "done" ? "bg-indigo-500" : "bg-red-500/90"}`,
+            className: `inline-flex items-center justify-center gap-1.5 text-sm font-bold py-2.5 px-4 rounded-xl border-transparent text-white cursor-pointer hover:opacity-90${batch.state.status === "done" ? "bg-indigo-500" : "bg-red-500/90"}`,
             onClick: batch.state.status === "done" ? batch.reset : batch.abortAll,
             children: batch.state.status === "done" ? "Enviar mais arquivos" : "Cancelar"
           }
@@ -1078,7 +1078,7 @@ function MediaUploader({
           "button",
           {
             onClick: () => setActiveTab(tab),
-            className: `flex-1 flex items-center justify-center gap-1.5 py-2.5 px-2 bg-transparent border-none border-b-2 cursor-pointer text-[13px] transition-colors duration-150 ${activeTab === tab ? "border-b-indigo-500 font-semibold text-indigo-500" : "border-b-transparent font-normal text-slate-400 hover:text-slate-600"}`,
+            className: `flex-1 flex items-center justify-center gap-1.5 py-2.5 px-2 bg-transparent border-none border-b-2 cursor-pointer text-[13px] transition-colors duration-150${activeTab === tab ? "border-b-indigo-500 font-semibold text-indigo-500" : "border-b-transparent font-normal text-slate-400 hover:text-slate-600"}`,
             style: { borderBottom: `2px solid ${activeTab === tab ? "#6366f1" : "transparent"}` },
             children: [
               /* @__PURE__ */ jsx("span", { children: TAB_LABELS[tab].icon }),