@pixldocs/canvas-renderer 0.5.45 → 0.5.46

package/dist/index.cjs

@@ -4956,26 +4956,9 @@ function applyTextBackground(obj, cfg) {
           if (recoloredText) textLayers.push(`<g ${attrs}>${recoloredText}</g>`);
         };
         if (blur > 0) {
-          const ringCount = Math.min(6, Math.max(2, Math.round(blur / 2)));
-          for (let i = 1; i <= ringCount; i++) {
-            const t = i / ringCount;
-            const dist = blur * t * 0.6;
-            const op = (0.18 * (1 - t * 0.7)).toFixed(3);
-            const ringOffsets = [
-              [dist, 0],
-              [-dist, 0],
-              [0, dist],
-              [0, -dist],
-              [dist * 0.7, dist * 0.7],
-              [-dist * 0.7, dist * 0.7],
-              [dist * 0.7, -dist * 0.7],
-              [-dist * 0.7, -dist * 0.7]
-            ];
-            for (const [dx, dy] of ringOffsets) {
-              pushShadowPass(ox + dx, oy + dy, op);
-            }
+          for (const pass of buildNormalizedShadowPasses(blur)) {
+            pushShadowPass(ox + pass.dx, oy + pass.dy, pass.opacity);
           }
-          pushShadowPass(ox, oy, "0.25");
         } else {
           pushShadowPass(ox, oy);
         }
@@ -5011,6 +4994,36 @@ function recolorSvgFills(svg, color) {
   );
   return out;
 }
+function buildNormalizedShadowPasses(blur) {
+  const safeBlur = Math.max(0, Number(blur) || 0);
+  const ringCount = Math.min(5, Math.max(2, Math.round(safeBlur / 5)));
+  const targetOpacity = Math.max(0.16, Math.min(0.38, 0.46 - safeBlur * 0.01));
+  const weighted = [
+    { dx: 0, dy: 0, weight: 0.7 }
+  ];
+  for (let i = 1; i <= ringCount; i++) {
+    const t = i / ringCount;
+    const dist = safeBlur * t * 0.42;
+    const weight = Math.exp(-2.4 * t * t);
+    const diag = dist * 0.7071;
+    weighted.push(
+      { dx: dist, dy: 0, weight },
+      { dx: -dist, dy: 0, weight },
+      { dx: 0, dy: dist, weight },
+      { dx: 0, dy: -dist, weight },
+      { dx: diag, dy: diag, weight: weight * 0.72 },
+      { dx: -diag, dy: diag, weight: weight * 0.72 },
+      { dx: diag, dy: -diag, weight: weight * 0.72 },
+      { dx: -diag, dy: -diag, weight: weight * 0.72 }
+    );
+  }
+  const totalWeight = weighted.reduce((sum, pass) => sum + pass.weight, 0) || 1;
+  return weighted.map((pass) => ({
+    dx: pass.dx,
+    dy: pass.dy,
+    opacity: Math.max(3e-3, targetOpacity * pass.weight / totalWeight).toFixed(4)
+  }));
+}
 function buildRoundedRectPathD(x, y, w, h, rTL, rTR, rBR, rBL) {
   const maxR = Math.min(w, h) / 2;
   const tl = Math.min(Math.max(0, rTL), maxR);
@@ -12362,7 +12375,7 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.45";
+const PACKAGE_VERSION = "0.5.46";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;