@usace/groundwork 3.4.0 → 3.6.0

package/dist/groundwork.es.js

@@ -8531,19 +8531,19 @@ function V0({ accessKey: e, affiliate: t, placeholder: r, ...n }) {
     }
   );
 }
-function X0({ title: e, subtitle: t, image: r, alt: n, children: o, duration_ms: l = 12e3, imgHeight: i, imgWidth: a }) {
-  const s = Array.isArray(r), u = Array.isArray(n), [c, p] = Q(s ? r[0] : r), [f, g] = Q(u ? n[0] : n);
-  function w(h) {
-    return Math.floor(Math.random() * h);
+function X0({ title: e, subtitle: t, image: r, alt: n, children: o, duration_ms: l = 12e3, imgHeight: i, imgWidth: a, opacity: s = 0.5 }) {
+  const u = Array.isArray(r), c = Array.isArray(n), [p, f] = Q(u ? r[0] : r), [g, w] = Q(c ? n[0] : n);
+  function h(b) {
+    return Math.floor(Math.random() * b);
   }
   if (ae(() => {
-    if (!s) return;
-    const h = setInterval(() => {
-      const b = w(r.length);
-      p(r[b]), n && g(n[b]);
+    if (!u) return;
+    const b = setInterval(() => {
+      const v = h(r.length);
+      f(r[v]), n && w(n[v]);
     }, l);
-    return () => clearInterval(h);
-  }, [r, n, l, s]), s && u && r.length !== n.length)
+    return () => clearInterval(b);
+  }, [r, n, l, u]), u && c && r.length !== n.length)
     throw new Error(
       "Error rendering hero image. Your image and alt text arrays must be the same length."
     );
@@ -8551,14 +8551,14 @@ function X0({ title: e, subtitle: t, image: r, alt: n, children: o, duration_ms:
     /* @__PURE__ */ d.jsx("div", { className: "gw-h-56 gw-w-full gw-overflow-clip gw-bg-zinc-950 md:gw-h-1/5 md:gw-max-h-[500px]", children: /* @__PURE__ */ d.jsx(
       "img",
       {
-        src: c,
-        alt: f,
+        src: p,
+        alt: g,
         "aria-label": n,
         className: "gw-object-cover gw-object-center gw-w-full gw-h-full",
         style: { height: i, width: a }
       }
     ) }),
-    /* @__PURE__ */ d.jsx("div", { className: "gw-absolute gw-inset-0 gw-bg-zinc-950/50" }),
+    /* @__PURE__ */ d.jsx("div", { style: { opacity: s }, className: "gw-absolute gw-inset-0 gw-bg-zinc-950" }),
     o && /* @__PURE__ */ d.jsx("div", { className: "gw-absolute gw-inset-0 gw-flex gw-items-center gw-justify-center", children: o }),
     e && /* @__PURE__ */ d.jsx(xl, { className: "gw-relative", children: /* @__PURE__ */ d.jsx("div", { className: "gw-absolute gw-bottom-0 gw-left-0 gw-max-w-7xl gw-mx-auto gw-px-4", children: /* @__PURE__ */ d.jsxs("div", { className: "gw-pb-8", children: [
       /* @__PURE__ */ d.jsx("h1", { className: "gw-text-4xl gw-font-extrabold gw-tracking-tight gw-text-white sm:gw-text-5xl lg:gw-text-6xl", children: e }),
@@ -8687,7 +8687,7 @@ function q0({
     /* @__PURE__ */ d.jsx(
       hn.Panel,
       {
-        className: "gw-shadow gw-px-3",
+        className: "gw-shadow",
         unmount: r,
         children: n
       }