@selectwin/kit 0.1.65 → 0.1.66

package/dist/SelectPreviewFrame.d.ts

@@ -7,6 +7,13 @@ export interface SelectPreviewFrameProps {
     /** Preenche a altura do pai em vez de medir `height` — para o palco de um
      *  `SelectBuilderWorkspace`, onde a coluna já tem altura e o palco é quem sobra. */
     fill?: boolean;
+    /**
+     * Recarregar é do PAI. Sem isto o frame só troca o próprio cache-buster, o que basta para
+     * um `src` estável — mas não para um `src` que EXPIRA (um link assinado de minutos):
+     * recarregar com o mesmo link só repete o 403. Com `onReload`, o frame não mexe no
+     * cache-buster: quem recarrega é o `src` novo que o pai devolve.
+     */
+    onReload?: () => void;
     initialDevice?: Device;
     showDeviceToggle?: boolean;
     emptyLabel?: string;

package/dist/index.js

@@ -4622,11 +4622,15 @@ function Lo() {
   if (!t) throw new Error("useSelectToast must be used within a SelectToastProvider");
   return t;
 }
-const ta = { desktop: "100%", mobile: 390 }, Ao = R(function({ src: n, title: l = "Pré-visualização", height: c = 560, fill: s = !1, initialDevice: a = "desktop", showDeviceToggle: o = !0, emptyLabel: i = "Salve para gerar a pré-visualização.", className: r, ...d }, u) {
-  const [h, f] = W(a), [g, _] = W(0), [y, N] = W(!0), S = n ? `${n}${n.includes("?") ? "&" : "?"}_pv=${g}` : "", v = () => {
-    N(!0), _((m) => m + 1);
+const ta = { desktop: "100%", mobile: 390 }, Ao = R(function({ src: n, title: l = "Pré-visualização", height: c = 560, fill: s = !1, initialDevice: a = "desktop", showDeviceToggle: o = !0, emptyLabel: i = "Salve para gerar a pré-visualização.", onReload: r, className: d, ...u }, h) {
+  const [f, g] = W(a), [_, y] = W(0), [N, S] = W(!0), v = n ? `${n}${n.includes("?") ? "&" : "?"}_pv=${_}` : "", m = () => {
+    if (S(!0), r) {
+      r();
+      return;
+    }
+    y((M) => M + 1);
   };
-  return /* @__PURE__ */ p("div", { ref: u, ...d, className: `select-preview${s ? " select-preview--fill" : ""}${r ? " " + r : ""}`, children: [
+  return /* @__PURE__ */ p("div", { ref: h, ...u, className: `select-preview${s ? " select-preview--fill" : ""}${d ? " " + d : ""}`, children: [
     /* @__PURE__ */ p("div", { className: "select-preview__bar", children: [
       /* @__PURE__ */ e("span", { className: "select-preview__title", children: l }),
       /* @__PURE__ */ p("div", { className: "select-preview__actions", children: [
@@ -4637,8 +4641,8 @@ const ta = { desktop: "100%", mobile: 390 }, Ao = R(function({ src: n, title: l
               size: "sm",
               icon: /* @__PURE__ */ e(fl, {}),
               label: "Visualizar em desktop",
-              active: h === "desktop",
-              onClick: () => f("desktop")
+              active: f === "desktop",
+              onClick: () => g("desktop")
             }
           ),
           /* @__PURE__ */ e(
@@ -4647,12 +4651,12 @@ const ta = { desktop: "100%", mobile: 390 }, Ao = R(function({ src: n, title: l
               size: "sm",
               icon: /* @__PURE__ */ e(_l, {}),
               label: "Visualizar em mobile",
-              active: h === "mobile",
-              onClick: () => f("mobile")
+              active: f === "mobile",
+              onClick: () => g("mobile")
             }
           )
         ] }),
-        /* @__PURE__ */ e(De, { size: "sm", icon: /* @__PURE__ */ e(bc, {}), label: "Recarregar", onClick: v, disabled: !n }),
+        /* @__PURE__ */ e(De, { size: "sm", icon: /* @__PURE__ */ e(bc, {}), label: "Recarregar", onClick: m, disabled: !n }),
         n && /* @__PURE__ */ e(
           "a",
           {
@@ -4667,17 +4671,17 @@ const ta = { desktop: "100%", mobile: 390 }, Ao = R(function({ src: n, title: l
         )
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "select-preview__stage", style: s ? void 0 : { height: c }, children: S ? /* @__PURE__ */ p("div", { className: "select-preview__device", style: { width: ta[h] }, children: [
-      y && /* @__PURE__ */ e("div", { className: "select-preview__loading", children: /* @__PURE__ */ e(Ns, {}) }),
+    /* @__PURE__ */ e("div", { className: "select-preview__stage", style: s ? void 0 : { height: c }, children: v ? /* @__PURE__ */ p("div", { className: "select-preview__device", style: { width: ta[f] }, children: [
+      N && /* @__PURE__ */ e("div", { className: "select-preview__loading", children: /* @__PURE__ */ e(Ns, {}) }),
       /* @__PURE__ */ e(
         "iframe",
         {
           title: l,
-          src: S,
-          onLoad: () => N(!1),
+          src: v,
+          onLoad: () => S(!1),
           className: "select-preview__iframe"
         },
-        g
+        _
       )
     ] }) : /* @__PURE__ */ e("p", { className: "select-preview__empty", children: i }) })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selectwin/kit",
-  "version": "0.1.65",
+  "version": "0.1.66",
   "description": "Selectwin design-system kit — primitivos React, charts SVG e tokens (theme-aware, sem dependência de biblioteca de chart).",
   "type": "module",
   "repository": {