quirk-ui 0.1.20 → 0.1.21

package/dist/next/blocks/StickyScrollBlock/index.mjs

@@ -1,11 +1,11 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
 import { useState as $, useRef as u, useCallback as k, useEffect as C } from "react";
 import { resolveImageUrl as A, resolveAltText as E } from "../../utils/mediaUtils.mjs";
 import { extractText as M } from "../../utils/blockRenderers.mjs";
 import { useTheme as j } from "../../../core/context/ThemeContext.mjs";
 import { useMediaQuery as z } from "../../hooks/useMediaQuery.mjs";
 import { useStyleClasses as B } from "../../hooks/useStyleClasses.mjs";
-import '../../../assets/index12.css';const U = "_layout_1a34q_1", O = "_container_1a34q_7", Q = "_heading_1a34q_23", V = "_title_1a34q_28", D = "_text_1a34q_28", F = "_scroll_1a34q_43", G = "_sidebar_1a34q_48", H = "_number_1a34q_73", J = "_link_1a34q_90", L = "_active_1a34q_104", P = "_content_1a34q_116", W = "_flex_1a34q_127", X = "_item_1a34q_152", Y = "_image_1a34q_171", Z = "_eyebrow_1a34q_197", a = {
+import '../../../assets/index12.css';const U = "_layout_11dq8_1", O = "_container_11dq8_7", Q = "_heading_11dq8_23", V = "_title_11dq8_28", D = "_text_11dq8_28", F = "_scroll_11dq8_43", G = "_sidebar_11dq8_48", H = "_number_11dq8_73", J = "_link_11dq8_91", L = "_active_11dq8_106", P = "_content_11dq8_118", W = "_flex_11dq8_129", X = "_item_11dq8_154", Y = "_image_11dq8_173", Z = "_eyebrow_11dq8_199", e = {
   layout: U,
   container: O,
   heading: Q,
@@ -22,14 +22,14 @@ import '../../../assets/index12.css';const U = "_layout_1a34q_1", O = "_containe
   image: Y,
   eyebrow: Z
 };
-function et({
+function lt({
   heading: n,
   items: r,
-  showNumbers: b,
+  showNumbers: d,
   styleOptions: p,
   id: N,
-  renderImage: d,
-  renderRichText: e
+  renderImage: b,
+  renderRichText: l
 }) {
   const [f, v] = $(null), { mode: y } = j(), q = z("(max-width: 768px)"), w = B(p), _ = u(!1), m = u(null), g = u([]), h = k(
     (t) => (s) => {
@@ -41,10 +41,10 @@ function et({
     const t = new IntersectionObserver(
       (s) => {
         if (_.current) return;
-        const i = s.filter((l) => l.isIntersecting).sort((l, S) => S.intersectionRatio - l.intersectionRatio);
+        const i = s.filter((o) => o.isIntersecting).sort((o, S) => S.intersectionRatio - o.intersectionRatio);
         if (i.length > 0) {
-          const l = i[0].target.getAttribute("id");
-          l && v(l);
+          const o = i[0].target.getAttribute("id");
+          o && v(o);
         }
       },
       {
@@ -64,67 +64,67 @@ function et({
       _.current = !1;
     }, 600), (s = document.getElementById(t)) == null || s.scrollIntoView({ behavior: "smooth", block: "start" });
   }, []);
-  return /* @__PURE__ */ o("section", { id: N, className: `${w} ${a.layout}`, children: /* @__PURE__ */ c("article", { className: a.container, children: [
-    /* @__PURE__ */ c("div", { className: a.heading, children: [
+  return /* @__PURE__ */ a("section", { id: N, className: `${w} ${e.layout}`, children: /* @__PURE__ */ c("article", { className: e.container, children: [
+    /* @__PURE__ */ c("div", { className: e.heading, children: [
       /* @__PURE__ */ c("div", { children: [
-        n.eyebrow && (e == null ? void 0 : e({
+        n.eyebrow && (l == null ? void 0 : l({
           blocks: n.eyebrow,
-          className: a.eyebrow
+          className: e.eyebrow
         })),
-        e == null ? void 0 : e({
+        l == null ? void 0 : l({
           blocks: n.title,
-          className: a.title
+          className: e.title
         })
       ] }),
-      n.description && (e == null ? void 0 : e({ blocks: n.description }))
+      n.description && (l == null ? void 0 : l({ blocks: n.description }))
     ] }),
-    /* @__PURE__ */ c("div", { className: a.scroll, children: [
-      /* @__PURE__ */ o("nav", { className: a.sidebar, "aria-label": "Section navigation", children: /* @__PURE__ */ o("ul", { children: r.map((t, s) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ c(
+    /* @__PURE__ */ c("div", { className: e.scroll, children: [
+      /* @__PURE__ */ a("nav", { className: e.sidebar, "aria-label": "Section navigation", children: /* @__PURE__ */ a("ul", { children: r.map((t, s) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ c(
         "button",
         {
           type: "button",
-          className: `${a.link} ${f === t._key ? a.active : ""}`,
+          className: `${e.link} ${f === t._key ? e.active : ""}`,
           "aria-current": f === t._key ? "true" : void 0,
           onClick: () => I(t._key),
           children: [
-            b && /* @__PURE__ */ o("div", { className: a.number, "aria-hidden": "true", children: s + 1 }),
+            d && /* @__PURE__ */ a("div", { className: e.number, "aria-hidden": "true", children: s + 1 }),
             t.title && M(t.title)
           ]
         }
       ) }, t._key)) }) }),
-      /* @__PURE__ */ o("div", { className: a.content, children: r.map((t, s) => {
-        const i = A(t.image, y), l = E(t.image, y);
+      /* @__PURE__ */ a("div", { className: e.content, children: r.map((t, s) => {
+        const i = A(t.image, y), o = E(t.image, y);
         return /* @__PURE__ */ c(
           "section",
           {
             ref: h(s),
             id: t._key,
-            className: a.item,
+            className: e.item,
             "aria-labelledby": `${t._key}-heading`,
             children: [
-              /* @__PURE__ */ c("div", { className: a.text, children: [
-                /* @__PURE__ */ c("div", { className: a.flex, children: [
-                  q && b && /* @__PURE__ */ o("div", { className: a.number, "aria-hidden": "true", children: s + 1 }),
-                  t.title && (e == null ? void 0 : e({
+              /* @__PURE__ */ c("div", { className: e.text, children: [
+                /* @__PURE__ */ c("div", { className: e.flex, children: [
+                  q && d && /* @__PURE__ */ a("div", { className: e.number, "aria-hidden": "true", children: s + 1 }),
+                  t.title && (l == null ? void 0 : l({
                     blocks: t.title,
-                    className: a.title
+                    className: e.title
                   }))
                 ] }),
-                t.description && (e == null ? void 0 : e({ blocks: t.description }))
+                t.description && (l == null ? void 0 : l({ blocks: t.description }))
               ] }),
-              t.image && i && /* @__PURE__ */ o("div", { className: a.image, children: d ? d({
+              t.image && i && /* @__PURE__ */ a("div", { className: e.image, children: b ? b({
                 src: i,
-                alt: l,
+                alt: o,
                 width: 600,
                 height: 400,
                 // Only the first image is above-the-fold.
                 priority: s === 0,
                 loading: s === 0 ? "eager" : "lazy"
-              }) : /* @__PURE__ */ o(
+              }) : /* @__PURE__ */ a(
                 "img",
                 {
                   src: i,
-                  alt: l,
+                  alt: o,
                   width: 600,
                   height: 400,
                   loading: s === 0 ? "eager" : "lazy"
@@ -139,5 +139,5 @@ function et({
   ] }) });
 }
 export {
-  et as StickyScrollBlock
+  lt as StickyScrollBlock
 };