quirk-ui 0.1.2 → 0.1.3

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

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useStyleClasses as r } from "../../hooks/useStyleClasses.mjs";
-import '../../../assets/index14.css';const l = "_richText_rnjap_1", e = "_container_rnjap_5", n = {
+import '../../../assets/index11.css';const l = "_richText_rnjap_1", e = "_container_rnjap_5", n = {
   richText: l,
   container: e
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index6.css');const s=require("react/jsx-runtime"),n=require("react"),v=require("../../utils/mediaUtils.cjs"),S=require("../../utils/portableTextUtils.cjs"),x=require("../../../core/context/ThemeContext.cjs"),I=require("../../hooks/useStyleClasses.cjs"),C="_layout_6d5tq_1",$="_container_6d5tq_7",w="_heading_6d5tq_19",U="_title_6d5tq_24",A="_text_6d5tq_24",B="_scroll_6d5tq_39",E="_sidebar_6d5tq_44",z="_number_6d5tq_69",M="_link_6d5tq_86",O="_active_6d5tq_100",P="_content_6d5tq_112",V="_item_6d5tq_119",D="_image_6d5tq_138",l={layout:C,container:$,heading:w,title:U,text:A,scroll:B,sidebar:E,number:z,link:M,active:O,content:P,item:V,image:D};function F({heading:i,items:r,showNumbers:y,styleOptions:f,id:q,renderImage:d,renderRichText:c}){const[b,m]=n.useState(null),{mode:g}=x.useTheme(),j=I.useStyleClasses(f),u=n.useRef(!1),_=n.useRef(null),k=n.useRef([]),N=n.useCallback(t=>e=>{k.current[t]=e},[]);n.useEffect(()=>{const t=new IntersectionObserver(e=>{if(u.current)return;const a=e.filter(o=>o.isIntersecting).sort((o,p)=>p.intersectionRatio-o.intersectionRatio);if(a.length>0){const o=a[0].target.getAttribute("id");o&&m(o)}},{rootMargin:"-45% 0px -45% 0px",threshold:.1});return k.current.forEach(e=>{e&&t.observe(e)}),()=>{t.disconnect()}},[r]);const h=n.useCallback(t=>{var e;m(t),u.current=!0,_.current&&clearTimeout(_.current),_.current=setTimeout(()=>{u.current=!1},600),(e=document.getElementById(t))==null||e.scrollIntoView({behavior:"smooth",block:"start"})},[]);return s.jsx("section",{id:q,className:`${j} ${l.layout}`,children:s.jsxs("article",{className:l.container,children:[s.jsxs("div",{className:l.heading,children:[c==null?void 0:c({blocks:i.title,className:l.title}),i.description&&(c==null?void 0:c({blocks:i.description}))]}),s.jsxs("div",{className:l.scroll,children:[s.jsx("nav",{className:l.sidebar,"aria-label":"Section navigation",children:s.jsx("ul",{children:r.map((t,e)=>s.jsx("li",{children:s.jsxs("button",{type:"button",className:`${l.link} ${b===t._key?l.active:""}`,"aria-current":b===t._key?"true":void 0,onClick:()=>h(t._key),children:[y&&s.jsx("div",{className:l.number,"aria-hidden":"true",children:e+1}),t.title&&S.extractText(t.title)]})},t._key))})}),s.jsx("div",{className:l.content,children:r.map((t,e)=>{const a=v.resolveImageUrl(t.image,g),o=v.resolveAltText(t.image,g);return s.jsxs("section",{ref:N(e),id:t._key,className:l.item,"aria-labelledby":`${t._key}-heading`,children:[s.jsxs("div",{className:l.text,children:[t.title&&(c==null?void 0:c({blocks:t.title,className:l.title})),t.description&&(c==null?void 0:c({blocks:t.description}))]}),t.image&&a&&s.jsx("div",{className:l.image,children:d?d({src:a,alt:o,width:600,height:400,priority:e===0,loading:e===0?"eager":"lazy"}):s.jsx("img",{src:a,alt:o,width:600,height:400,loading:e===0?"eager":"lazy"})})]},t._key)})})]})]})})}exports.StickyScrollBlock=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index13.css');const c=require("react/jsx-runtime"),a=require("react"),k=require("../../utils/mediaUtils.cjs"),h=require("../../utils/portableTextUtils.cjs"),I=require("../../../core/context/ThemeContext.cjs"),q=require("../../hooks/useStyleClasses.cjs"),C="_layout_pc5yj_1",$="_container_pc5yj_7",x="_heading_pc5yj_19",U="_title_pc5yj_24",A="_text_pc5yj_24",B="_scroll_pc5yj_39",E="_sidebar_pc5yj_44",z="_number_pc5yj_69",M="_link_pc5yj_86",O="_active_pc5yj_100",P="_content_pc5yj_112",V="_item_pc5yj_119",D="_image_pc5yj_138",F="_eyebrow_pc5yj_164",l={layout:C,container:$,heading:x,title:U,text:A,scroll:B,sidebar:E,number:z,link:M,active:O,content:P,item:V,image:D,eyebrow:F};function G({heading:i,items:r,showNumbers:p,styleOptions:v,id:d,renderImage:y,renderRichText:e}){const[b,j]=a.useState(null),{mode:m}=I.useTheme(),f=q.useStyleClasses(v),u=a.useRef(!1),_=a.useRef(null),g=a.useRef([]),N=a.useCallback(t=>s=>{g.current[t]=s},[]);a.useEffect(()=>{const t=new IntersectionObserver(s=>{if(u.current)return;const n=s.filter(o=>o.isIntersecting).sort((o,S)=>S.intersectionRatio-o.intersectionRatio);if(n.length>0){const o=n[0].target.getAttribute("id");o&&j(o)}},{rootMargin:"-45% 0px -45% 0px",threshold:.1});return g.current.forEach(s=>{s&&t.observe(s)}),()=>{t.disconnect()}},[r]);const w=a.useCallback(t=>{var s;j(t),u.current=!0,_.current&&clearTimeout(_.current),_.current=setTimeout(()=>{u.current=!1},600),(s=document.getElementById(t))==null||s.scrollIntoView({behavior:"smooth",block:"start"})},[]);return c.jsx("section",{id:d,className:`${f} ${l.layout}`,children:c.jsxs("article",{className:l.container,children:[c.jsxs("div",{className:l.heading,children:[c.jsxs("div",{children:[i.eyebrow&&(e==null?void 0:e({blocks:i.eyebrow,className:l.eyebrow})),e==null?void 0:e({blocks:i.title,className:l.title})]}),i.description&&(e==null?void 0:e({blocks:i.description}))]}),c.jsxs("div",{className:l.scroll,children:[c.jsx("nav",{className:l.sidebar,"aria-label":"Section navigation",children:c.jsx("ul",{children:r.map((t,s)=>c.jsx("li",{children:c.jsxs("button",{type:"button",className:`${l.link} ${b===t._key?l.active:""}`,"aria-current":b===t._key?"true":void 0,onClick:()=>w(t._key),children:[p&&c.jsx("div",{className:l.number,"aria-hidden":"true",children:s+1}),t.title&&h.extractText(t.title)]})},t._key))})}),c.jsx("div",{className:l.content,children:r.map((t,s)=>{const n=k.resolveImageUrl(t.image,m),o=k.resolveAltText(t.image,m);return c.jsxs("section",{ref:N(s),id:t._key,className:l.item,"aria-labelledby":`${t._key}-heading`,children:[c.jsxs("div",{className:l.text,children:[t.title&&(e==null?void 0:e({blocks:t.title,className:l.title})),t.description&&(e==null?void 0:e({blocks:t.description}))]}),t.image&&n&&c.jsx("div",{className:l.image,children:y?y({src:n,alt:o,width:600,height:400,priority:s===0,loading:s===0?"eager":"lazy"}):c.jsx("img",{src:n,alt:o,width:600,height:400,loading:s===0?"eager":"lazy"})})]},t._key)})})]})]})})}exports.StickyScrollBlock=G;

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

@@ -1,15 +1,15 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { useState as w, useRef as d, useCallback as k, useEffect as $ } from "react";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useState as S, useRef as m, useCallback as f, useEffect as $ } from "react";
 import { resolveImageUrl as C, resolveAltText as A } from "../../utils/mediaUtils.mjs";
 import { extractText as E } from "../../utils/portableTextUtils.mjs";
-import { useTheme as j } from "../../../core/context/ThemeContext.mjs";
-import { useStyleClasses as z } from "../../hooks/useStyleClasses.mjs";
-import '../../../assets/index6.css';const B = "_layout_6d5tq_1", U = "_container_6d5tq_7", M = "_heading_6d5tq_19", O = "_title_6d5tq_24", V = "_text_6d5tq_24", D = "_scroll_6d5tq_39", F = "_sidebar_6d5tq_44", G = "_number_6d5tq_69", H = "_link_6d5tq_86", J = "_active_6d5tq_100", L = "_content_6d5tq_112", P = "_item_6d5tq_119", Q = "_image_6d5tq_138", e = {
-  layout: B,
-  container: U,
-  heading: M,
-  title: O,
-  text: V,
+import { useTheme as z } from "../../../core/context/ThemeContext.mjs";
+import { useStyleClasses as B } from "../../hooks/useStyleClasses.mjs";
+import '../../../assets/index13.css';const U = "_layout_pc5yj_1", M = "_container_pc5yj_7", O = "_heading_pc5yj_19", V = "_title_pc5yj_24", q = "_text_pc5yj_24", D = "_scroll_pc5yj_39", F = "_sidebar_pc5yj_44", G = "_number_pc5yj_69", H = "_link_pc5yj_86", J = "_active_pc5yj_100", L = "_content_pc5yj_112", P = "_item_pc5yj_119", Q = "_image_pc5yj_138", W = "_eyebrow_pc5yj_164", c = {
+  layout: U,
+  container: M,
+  heading: O,
+  title: V,
+  text: q,
   scroll: D,
   sidebar: F,
   number: G,
@@ -17,18 +17,19 @@ import '../../../assets/index6.css';const B = "_layout_6d5tq_1", U = "_container
   active: J,
   content: L,
   item: P,
-  image: Q
+  image: Q,
+  eyebrow: W
 };
-function R({
+function T({
   heading: i,
   items: r,
-  showNumbers: y,
-  styleOptions: p,
-  id: N,
-  renderImage: m,
-  renderRichText: l
+  showNumbers: k,
+  styleOptions: d,
+  id: j,
+  renderImage: y,
+  renderRichText: o
 }) {
-  const [g, b] = w(null), { mode: f } = j(), q = z(p), _ = d(!1), u = d(null), v = d([]), h = k(
+  const [b, p] = S(null), { mode: g } = z(), N = B(d), _ = m(!1), u = m(null), v = m([]), w = f(
     (t) => (s) => {
       v.current[t] = s;
     },
@@ -38,10 +39,10 @@ function R({
     const t = new IntersectionObserver(
       (s) => {
         if (_.current) return;
-        const c = s.filter((o) => o.isIntersecting).sort((o, S) => S.intersectionRatio - o.intersectionRatio);
-        if (c.length > 0) {
-          const o = c[0].target.getAttribute("id");
-          o && b(o);
+        const n = s.filter((l) => l.isIntersecting).sort((l, h) => h.intersectionRatio - l.intersectionRatio);
+        if (n.length > 0) {
+          const l = n[0].target.getAttribute("id");
+          l && p(l);
         }
       },
       {
@@ -55,61 +56,70 @@ function R({
       t.disconnect();
     };
   }, [r]);
-  const I = k((t) => {
+  const I = f((t) => {
     var s;
-    b(t), _.current = !0, u.current && clearTimeout(u.current), u.current = setTimeout(() => {
+    p(t), _.current = !0, u.current && clearTimeout(u.current), u.current = setTimeout(() => {
       _.current = !1;
     }, 600), (s = document.getElementById(t)) == null || s.scrollIntoView({ behavior: "smooth", block: "start" });
   }, []);
-  return /* @__PURE__ */ a("section", { id: N, className: `${q} ${e.layout}`, children: /* @__PURE__ */ n("article", { className: e.container, children: [
-    /* @__PURE__ */ n("div", { className: e.heading, children: [
-      l == null ? void 0 : l({ blocks: i.title, className: e.title }),
-      i.description && (l == null ? void 0 : l({ blocks: i.description }))
+  return /* @__PURE__ */ e("section", { id: j, className: `${N} ${c.layout}`, children: /* @__PURE__ */ a("article", { className: c.container, children: [
+    /* @__PURE__ */ a("div", { className: c.heading, children: [
+      /* @__PURE__ */ a("div", { children: [
+        i.eyebrow && (o == null ? void 0 : o({
+          blocks: i.eyebrow,
+          className: c.eyebrow
+        })),
+        o == null ? void 0 : o({
+          blocks: i.title,
+          className: c.title
+        })
+      ] }),
+      i.description && (o == null ? void 0 : o({ blocks: i.description }))
     ] }),
-    /* @__PURE__ */ n("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__ */ n(
+    /* @__PURE__ */ a("div", { className: c.scroll, children: [
+      /* @__PURE__ */ e("nav", { className: c.sidebar, "aria-label": "Section navigation", children: /* @__PURE__ */ e("ul", { children: r.map((t, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ a(
         "button",
         {
           type: "button",
-          className: `${e.link} ${g === t._key ? e.active : ""}`,
-          "aria-current": g === t._key ? "true" : void 0,
+          className: `${c.link} ${b === t._key ? c.active : ""}`,
+          "aria-current": b === t._key ? "true" : void 0,
           onClick: () => I(t._key),
           children: [
-            y && /* @__PURE__ */ a("div", { className: e.number, "aria-hidden": "true", children: s + 1 }),
+            k && /* @__PURE__ */ e("div", { className: c.number, "aria-hidden": "true", children: s + 1 }),
             t.title && E(t.title)
           ]
         }
       ) }, t._key)) }) }),
-      /* @__PURE__ */ a("div", { className: e.content, children: r.map((t, s) => {
-        const c = C(t.image, f), o = A(t.image, f);
-        return /* @__PURE__ */ n(
+      /* @__PURE__ */ e("div", { className: c.content, children: r.map((t, s) => {
+        const n = C(t.image, g), l = A(t.image, g);
+        return /* @__PURE__ */ a(
           "section",
           {
-            ref: h(s),
+            ref: w(s),
             id: t._key,
-            className: e.item,
+            className: c.item,
             "aria-labelledby": `${t._key}-heading`,
             children: [
-              /* @__PURE__ */ n("div", { className: e.text, children: [
-                t.title && (l == null ? void 0 : l({
+              /* @__PURE__ */ a("div", { className: c.text, children: [
+                t.title && (o == null ? void 0 : o({
                   blocks: t.title,
-                  className: e.title
+                  className: c.title
                 })),
-                t.description && (l == null ? void 0 : l({ blocks: t.description }))
+                t.description && (o == null ? void 0 : o({ blocks: t.description }))
               ] }),
-              t.image && c && /* @__PURE__ */ a("div", { className: e.image, children: m ? m({
-                src: c,
-                alt: o,
+              t.image && n && /* @__PURE__ */ e("div", { className: c.image, children: y ? y({
+                src: n,
+                alt: l,
                 width: 600,
                 height: 400,
                 // Only the first image is above-the-fold.
                 priority: s === 0,
                 loading: s === 0 ? "eager" : "lazy"
-              }) : /* @__PURE__ */ a(
+              }) : /* @__PURE__ */ e(
                 "img",
                 {
-                  src: c,
-                  alt: o,
+                  src: n,
+                  alt: l,
                   width: 600,
                   height: 400,
                   loading: s === 0 ? "eager" : "lazy"
@@ -124,5 +134,5 @@ function R({
   ] }) });
 }
 export {
-  R as StickyScrollBlock
+  T as StickyScrollBlock
 };

package/dist/next/blocks/TabsBlock/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index5.css');const a=require("react/jsx-runtime"),D=require("../../hooks/useStyleClasses.cjs"),g=require("../../../core/components/Tabs/index.cjs"),G=require("../../../index-CAxKHP72.cjs"),M=require("../../utils/resolveLinkUrl.cjs"),P=require("../../../core/context/ThemeContext.cjs"),b=require("../../utils/mediaUtils.cjs"),A="_tabs_6lr85_1",F="_container_6lr85_7",Y="_heading_6lr85_25",J="_text_6lr85_32",K="_headingHorizontal_6lr85_46",Q="_title_6lr85_54",W="_headingVertical_6lr85_64",X="_tabContent_6lr85_74",Z="_vertical_6lr85_97",O="_tabsContainer_6lr85_69",T="_tabImage_6lr85_112",R="_tabText_6lr85_120",tt="_gridItems_6lr85_141",at="_gridItem_6lr85_141",st="_fullBleed_6lr85_181",lt="_overlay_6lr85_208",s={tabs:A,container:F,heading:Y,text:J,headingHorizontal:K,title:Q,headingVertical:W,tabContent:X,vertical:Z,tabsContainer:O,tabImage:T,tabText:R,gridItems:tt,gridItem:at,default:"_default_6lr85_166",fullBleed:st,overlay:lt},et={orientationHorizontal:"horizontal",orientationVertical:"vertical"},it={themeDefault:"default",themeLight:"light",themeDark:"dark",themeTransparent:"transparent"},nt={horizontal:s.headingHorizontal,vertical:s.headingVertical},ot={horizontal:"",vertical:s.vertical};function ct({src:l,alt:c,renderImage:m}){return m?m({src:l,alt:c,width:600,height:658,priority:!0}):a.jsx("img",{src:l,alt:c,width:600,height:658})}function rt({items:l,mode:c,renderImage:m,renderRichText:o}){return a.jsx("div",{className:s.gridItems,children:l.map((e,t)=>{const n=b.resolveImageUrl(e.itemImage,c,"medium"),r=b.resolveAltText(e.itemImage,c,"Grid image");return a.jsxs("div",{className:s.gridItem,children:[n&&m?m({src:n,alt:r,width:200,height:200}):n?a.jsx("img",{src:n,alt:r,width:200,height:200}):null,e.itemText&&(o==null?void 0:o({blocks:e.itemText}))]},t)})})}function mt({heading:l,image:c,items:m,callToAction:o,styleOptions:e,renderRichText:t,renderCallToAction:n,renderImage:r}){const{mode:u}=P.useTheme(),I=D.useStyleClasses(e),N=(e==null?void 0:e.layout)??"default",h=nt[l.headingLayout??"vertical"],L=et[(e==null?void 0:e.orientation)??"orientationHorizontal"],V=it[(e==null?void 0:e.theme)??"themeDefault"],x=b.resolveImageUrl(c,u,"medium"),v=b.resolveImageUrl(c,u,"large"),d=b.resolveAltText(c,u,"Block image"),$=a.jsxs(g.Tabs,{defaultIndex:0,orientation:L,theme:V,children:[a.jsx(g.Tabs.List,{children:m.map((i,j)=>a.jsx(g.Tabs.Trigger,{index:j,children:i.title},i.title))}),m.map((i,j)=>{var z,p,q,w,H,S,y,C,E;const k=b.resolveImageUrl((z=i.content)==null?void 0:z.tabImage,u,"medium"),U=b.resolveAltText((p=i.content)==null?void 0:p.tabImage,u,"Tab image"),f=(q=i.content)!=null&&q.tabLink?M.resolveLinkURL(i.content.tabLink):void 0,_=(w=i.content)==null?void 0:w.tabLink,B=Array.isArray((H=i.content)==null?void 0:H.tabGridItem)?i.content.tabGridItem:null;return a.jsx(g.Tabs.Panel,{index:j,children:a.jsxs("div",{className:`${s.tabContent} ${ot[L]}`,children:[k&&a.jsx("div",{className:s.tabImage,children:r?r({src:k,alt:U,width:250,height:250}):a.jsx("img",{src:k,alt:U,width:250,height:250})}),a.jsxs("div",{className:s.tabText,children:[((S=i.content)==null?void 0:S.tabText)&&(t==null?void 0:t({blocks:i.content.tabText})),B&&a.jsx(rt,{items:B,mode:u,renderImage:r,renderRichText:t}),f&&f!=="#"&&_&&a.jsx(G.Button,{as:"a",variant:_.variant??"primary",href:f,target:((y=_.linkOptions)==null?void 0:y.linkType)==="external"?"_blank":"_self",rel:((C=_.linkOptions)==null?void 0:C.linkType)==="external"?"noopener noreferrer":"","aria-label":_.ariaLabel||_.label,children:_.label}),((E=i.content)==null?void 0:E.tabDisclaimer)&&(t==null?void 0:t({blocks:i.content.tabDisclaimer}))]})]})},i.title)})]});return N==="default"?a.jsx("section",{className:`${s.tabs} ${s.default} ${I}`,children:a.jsxs("article",{className:s.container,children:[x&&a.jsx(ct,{src:x,alt:d,renderImage:r}),a.jsxs("div",{className:`${s.heading} ${h}`,children:[t==null?void 0:t({blocks:l.title,className:s.title}),l.description&&a.jsx("div",{className:s.text,children:t==null?void 0:t({blocks:l.description})})]}),a.jsx("div",{className:s.tabsContainer,children:$}),o&&(n==null?void 0:n({items:o.items,alignment:o.alignment})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})}):N==="full-bleed"?a.jsx("section",{className:`${s.tabs} ${s.fullBleed} ${I} tabsFullBleed`,children:a.jsxs("article",{className:s.container,children:[v&&(r?r({src:v,alt:d,fill:!0,priority:!0,sizes:"(max-width: 767px) 600px, 1200px",style:{objectFit:"cover"},draggable:!1}):a.jsx("img",{src:v,alt:d,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}})),a.jsx("div",{className:s.overlay,children:a.jsxs("div",{className:`${s.heading} ${h}`,children:[t==null?void 0:t({blocks:l.title,className:s.title}),l.description&&(t==null?void 0:t({blocks:l.description})),a.jsx("div",{className:s.tabsContainer,children:$}),o&&(n==null?void 0:n({items:o.items,alignment:o.alignment})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})})]})}):null}exports.TabsBlock=mt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index3.css');const a=require("react/jsx-runtime"),D=require("../../hooks/useStyleClasses.cjs"),g=require("../../../core/components/Tabs/index.cjs"),G=require("../../../index-CAxKHP72.cjs"),M=require("../../utils/resolveLinkUrl.cjs"),P=require("../../../core/context/ThemeContext.cjs"),m=require("../../utils/mediaUtils.cjs"),A="_tabs_9utbp_1",F="_container_9utbp_7",Y="_heading_9utbp_25",J="_text_9utbp_32",K="_headingHorizontal_9utbp_46",Q="_title_9utbp_54",W="_headingVertical_9utbp_64",X="_tabContent_9utbp_74",Z="_vertical_9utbp_97",O="_tabsContainer_9utbp_69",T="_tabImage_9utbp_112",R="_tabText_9utbp_120",tt="_gridItems_9utbp_141",at="_gridItem_9utbp_141",st="_fullBleed_9utbp_181",lt="_overlay_9utbp_208",ot="_eyebrow_9utbp_314",s={tabs:A,container:F,heading:Y,text:J,headingHorizontal:K,title:Q,headingVertical:W,tabContent:X,vertical:Z,tabsContainer:O,tabImage:T,tabText:R,gridItems:tt,gridItem:at,default:"_default_9utbp_166",fullBleed:st,overlay:lt,eyebrow:ot},et={orientationHorizontal:"horizontal",orientationVertical:"vertical"},it={themeDefault:"default",themeLight:"light",themeDark:"dark",themeTransparent:"transparent"},nt={horizontal:s.headingHorizontal,vertical:s.headingVertical},bt={horizontal:"",vertical:s.vertical};function ct({src:l,alt:b,renderImage:u}){return u?u({src:l,alt:b,width:600,height:658,priority:!0}):a.jsx("img",{src:l,alt:b,width:600,height:658})}function ut({items:l,mode:b,renderImage:u,renderRichText:n}){return a.jsx("div",{className:s.gridItems,children:l.map((o,t)=>{const i=m.resolveImageUrl(o.itemImage,b,"medium"),c=m.resolveAltText(o.itemImage,b,"Grid image");return a.jsxs("div",{className:s.gridItem,children:[i&&u?u({src:i,alt:c,width:200,height:200}):i?a.jsx("img",{src:i,alt:c,width:200,height:200}):null,o.itemText&&(n==null?void 0:n({blocks:o.itemText}))]},t)})})}function _t({heading:l,image:b,items:u,callToAction:n,styleOptions:o,renderRichText:t,renderCallToAction:i,renderImage:c}){const{mode:r}=P.useTheme(),f=D.useStyleClasses(o),I=(o==null?void 0:o.layout)??"default",d=nt[l.headingLayout??"vertical"],w=et[(o==null?void 0:o.orientation)??"orientationHorizontal"],x=it[(o==null?void 0:o.theme)??"themeDefault"],y=m.resolveImageUrl(b,r,"medium"),v=m.resolveImageUrl(b,r,"large"),j=m.resolveAltText(b,r,"Block image"),L=a.jsxs(g.Tabs,{defaultIndex:0,orientation:w,theme:x,children:[a.jsx(g.Tabs.List,{children:u.map((e,k)=>a.jsx(g.Tabs.Trigger,{index:k,children:e.title},e.title))}),u.map((e,k)=>{var B,z,h,q,H,S,C,E,V;const p=m.resolveImageUrl((B=e.content)==null?void 0:B.tabImage,r,"medium"),$=m.resolveAltText((z=e.content)==null?void 0:z.tabImage,r,"Tab image"),N=(h=e.content)!=null&&h.tabLink?M.resolveLinkURL(e.content.tabLink):void 0,_=(q=e.content)==null?void 0:q.tabLink,U=Array.isArray((H=e.content)==null?void 0:H.tabGridItem)?e.content.tabGridItem:null;return a.jsx(g.Tabs.Panel,{index:k,children:a.jsxs("div",{className:`${s.tabContent} ${bt[w]}`,children:[p&&a.jsx("div",{className:s.tabImage,children:c?c({src:p,alt:$,width:250,height:250}):a.jsx("img",{src:p,alt:$,width:250,height:250})}),a.jsxs("div",{className:s.tabText,children:[((S=e.content)==null?void 0:S.tabText)&&(t==null?void 0:t({blocks:e.content.tabText})),U&&a.jsx(ut,{items:U,mode:r,renderImage:c,renderRichText:t}),N&&N!=="#"&&_&&a.jsx(G.Button,{as:"a",variant:_.variant??"primary",href:N,target:((C=_.linkOptions)==null?void 0:C.linkType)==="external"?"_blank":"_self",rel:((E=_.linkOptions)==null?void 0:E.linkType)==="external"?"noopener noreferrer":"","aria-label":_.ariaLabel||_.label,children:_.label}),((V=e.content)==null?void 0:V.tabDisclaimer)&&(t==null?void 0:t({blocks:e.content.tabDisclaimer}))]})]})},e.title)})]});return I==="default"?a.jsx("section",{className:`${s.tabs} ${s.default} ${f}`,children:a.jsxs("article",{className:s.container,children:[y&&a.jsx(ct,{src:y,alt:j,renderImage:c}),a.jsxs("div",{className:`${s.heading} ${d}`,children:[a.jsxs("div",{children:[l.eyebrow&&(t==null?void 0:t({blocks:l.eyebrow,className:s.eyebrow})),t==null?void 0:t({blocks:l.title,className:s.title})]}),l.description&&a.jsx("div",{className:s.text,children:t==null?void 0:t({blocks:l.description})})]}),a.jsx("div",{className:s.tabsContainer,children:L}),n&&(i==null?void 0:i({items:n.items,alignment:n.alignment})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})}):I==="full-bleed"?a.jsx("section",{className:`${s.tabs} ${s.fullBleed} ${f} tabsFullBleed`,children:a.jsxs("article",{className:s.container,children:[v&&(c?c({src:v,alt:j,fill:!0,priority:!0,sizes:"(max-width: 767px) 600px, 1200px",style:{objectFit:"cover"},draggable:!1}):a.jsx("img",{src:v,alt:j,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}})),a.jsx("div",{className:s.overlay,children:a.jsxs("div",{className:`${s.heading} ${d}`,children:[a.jsxs("div",{children:[l.eyebrow&&(t==null?void 0:t({blocks:l.eyebrow,className:s.eyebrow})),t==null?void 0:t({blocks:l.title,className:s.title})]}),l.description&&(t==null?void 0:t({blocks:l.description})),a.jsx("div",{className:s.tabsContainer,children:L}),n&&(i==null?void 0:i({items:n.items,alignment:n.alignment})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})})]})}):null}exports.TabsBlock=_t;

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

@@ -1,11 +1,11 @@
-import { jsxs as b, jsx as l } from "react/jsx-runtime";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import { useStyleClasses as P } from "../../hooks/useStyleClasses.mjs";
 import { Tabs as g } from "../../../core/components/Tabs/index.mjs";
 import { B as A } from "../../../index-DoRSKr6y.js";
 import { resolveLinkURL as Y } from "../../utils/resolveLinkUrl.mjs";
 import { useTheme as q } from "../../../core/context/ThemeContext.mjs";
-import { resolveImageUrl as v, resolveAltText as h } from "../../utils/mediaUtils.mjs";
-import '../../../assets/index5.css';const J = "_tabs_6lr85_1", K = "_container_6lr85_7", Q = "_heading_6lr85_25", W = "_text_6lr85_32", X = "_headingHorizontal_6lr85_46", Z = "_title_6lr85_54", O = "_headingVertical_6lr85_64", x = "_tabContent_6lr85_74", T = "_vertical_6lr85_97", R = "_tabsContainer_6lr85_69", tt = "_tabImage_6lr85_112", at = "_tabText_6lr85_120", lt = "_gridItems_6lr85_141", st = "_gridItem_6lr85_141", it = "_fullBleed_6lr85_181", ot = "_overlay_6lr85_208", a = {
+import { resolveImageUrl as v, resolveAltText as w } from "../../utils/mediaUtils.mjs";
+import '../../../assets/index3.css';const J = "_tabs_9utbp_1", K = "_container_9utbp_7", Q = "_heading_9utbp_25", W = "_text_9utbp_32", X = "_headingHorizontal_9utbp_46", Z = "_title_9utbp_54", O = "_headingVertical_9utbp_64", x = "_tabContent_9utbp_74", T = "_vertical_9utbp_97", R = "_tabsContainer_9utbp_69", tt = "_tabImage_9utbp_112", at = "_tabText_9utbp_120", lt = "_gridItems_9utbp_141", st = "_gridItem_9utbp_141", ot = "_fullBleed_9utbp_181", it = "_overlay_9utbp_208", nt = "_eyebrow_9utbp_314", a = {
   tabs: J,
   container: K,
   heading: Q,
@@ -20,13 +20,14 @@ import '../../../assets/index5.css';const J = "_tabs_6lr85_1", K = "_container_6
   tabText: at,
   gridItems: lt,
   gridItem: st,
-  default: "_default_6lr85_166",
-  fullBleed: it,
-  overlay: ot
-}, nt = {
+  default: "_default_9utbp_166",
+  fullBleed: ot,
+  overlay: it,
+  eyebrow: nt
+}, bt = {
   orientationHorizontal: "horizontal",
   orientationVertical: "vertical"
-}, et = {
+}, mt = {
   themeDefault: "default",
   themeLight: "light",
   themeDark: "dark",
@@ -34,160 +35,166 @@ import '../../../assets/index5.css';const J = "_tabs_6lr85_1", K = "_container_6
 }, ct = {
   horizontal: a.headingHorizontal,
   vertical: a.headingVertical
-}, mt = {
+}, et = {
   horizontal: "",
   vertical: a.vertical
 };
-function rt({ src: s, alt: c, renderImage: r }) {
-  return r ? r({ src: s, alt: c, width: 600, height: 658, priority: !0 }) : /* @__PURE__ */ l("img", { src: s, alt: c, width: 600, height: 658 });
+function ut({ src: l, alt: c, renderImage: u }) {
+  return u ? u({ src: l, alt: c, width: 600, height: 658, priority: !0 }) : /* @__PURE__ */ s("img", { src: l, alt: c, width: 600, height: 658 });
 }
-function bt({
-  items: s,
+function _t({
+  items: l,
   mode: c,
-  renderImage: r,
-  renderRichText: e
+  renderImage: u,
+  renderRichText: b
 }) {
-  return /* @__PURE__ */ l("div", { className: a.gridItems, children: s.map((i, t) => {
+  return /* @__PURE__ */ s("div", { className: a.gridItems, children: l.map((o, t) => {
     const n = v(
-      i.itemImage,
+      o.itemImage,
       c,
       "medium"
-    ), m = h(
-      i.itemImage,
+    ), e = w(
+      o.itemImage,
       c,
       "Grid image"
     );
-    return /* @__PURE__ */ b("div", { className: a.gridItem, children: [
-      n && r ? r({
+    return /* @__PURE__ */ m("div", { className: a.gridItem, children: [
+      n && u ? u({
         src: n,
-        alt: m,
+        alt: e,
         width: 200,
         height: 200
-      }) : n ? /* @__PURE__ */ l(
+      }) : n ? /* @__PURE__ */ s(
         "img",
         {
           src: n,
-          alt: m,
+          alt: e,
           width: 200,
           height: 200
         }
       ) : null,
-      i.itemText && (e == null ? void 0 : e({ blocks: i.itemText }))
+      o.itemText && (b == null ? void 0 : b({ blocks: o.itemText }))
     ] }, t);
   }) });
 }
-function dt({
-  heading: s,
+function It({
+  heading: l,
   image: c,
-  items: r,
-  callToAction: e,
-  styleOptions: i,
+  items: u,
+  callToAction: b,
+  styleOptions: o,
   renderRichText: t,
   renderCallToAction: n,
-  renderImage: m
+  renderImage: e
 }) {
-  const { mode: u } = q(), L = P(i), p = (i == null ? void 0 : i.layout) ?? "default", $ = ct[s.headingLayout ?? "vertical"], B = nt[(i == null ? void 0 : i.orientation) ?? "orientationHorizontal"], M = et[(i == null ? void 0 : i.theme) ?? "themeDefault"], z = v(c, u, "medium"), f = v(c, u, "large"), k = h(c, u, "Block image"), w = /* @__PURE__ */ b(g, { defaultIndex: 0, orientation: B, theme: M, children: [
-    /* @__PURE__ */ l(g.List, { children: r.map((o, N) => /* @__PURE__ */ l(g.Trigger, { index: N, children: o.title }, o.title)) }),
-    r.map((o, N) => {
-      var E, V, D, G, C, S, j, y, F;
-      const d = v(
-        (E = o.content) == null ? void 0 : E.tabImage,
-        u,
+  const { mode: r } = q(), L = P(o), d = (o == null ? void 0 : o.layout) ?? "default", y = ct[l.headingLayout ?? "vertical"], $ = bt[(o == null ? void 0 : o.orientation) ?? "orientationHorizontal"], M = mt[(o == null ? void 0 : o.theme) ?? "themeDefault"], B = v(c, r, "medium"), f = v(c, r, "large"), p = w(c, r, "Block image"), z = /* @__PURE__ */ m(g, { defaultIndex: 0, orientation: $, theme: M, children: [
+    /* @__PURE__ */ s(g.List, { children: u.map((i, k) => /* @__PURE__ */ s(g.Trigger, { index: k, children: i.title }, i.title)) }),
+    u.map((i, k) => {
+      var E, V, h, D, G, C, S, j, F;
+      const N = v(
+        (E = i.content) == null ? void 0 : E.tabImage,
+        r,
         "medium"
-      ), H = h(
-        (V = o.content) == null ? void 0 : V.tabImage,
-        u,
+      ), H = w(
+        (V = i.content) == null ? void 0 : V.tabImage,
+        r,
         "Tab image"
-      ), I = (D = o.content) != null && D.tabLink ? Y(o.content.tabLink) : void 0, _ = (G = o.content) == null ? void 0 : G.tabLink, U = Array.isArray((C = o.content) == null ? void 0 : C.tabGridItem) ? o.content.tabGridItem : null;
-      return /* @__PURE__ */ l(g.Panel, { index: N, children: /* @__PURE__ */ b(
+      ), I = (h = i.content) != null && h.tabLink ? Y(i.content.tabLink) : void 0, _ = (D = i.content) == null ? void 0 : D.tabLink, U = Array.isArray((G = i.content) == null ? void 0 : G.tabGridItem) ? i.content.tabGridItem : null;
+      return /* @__PURE__ */ s(g.Panel, { index: k, children: /* @__PURE__ */ m(
         "div",
         {
-          className: `${a.tabContent} ${mt[B]}`,
+          className: `${a.tabContent} ${et[$]}`,
           children: [
-            d && /* @__PURE__ */ l("div", { className: a.tabImage, children: m ? m({
-              src: d,
+            N && /* @__PURE__ */ s("div", { className: a.tabImage, children: e ? e({
+              src: N,
               alt: H,
               width: 250,
               height: 250
-            }) : /* @__PURE__ */ l(
+            }) : /* @__PURE__ */ s(
               "img",
               {
-                src: d,
+                src: N,
                 alt: H,
                 width: 250,
                 height: 250
               }
             ) }),
-            /* @__PURE__ */ b("div", { className: a.tabText, children: [
-              ((S = o.content) == null ? void 0 : S.tabText) && (t == null ? void 0 : t({ blocks: o.content.tabText })),
-              U && /* @__PURE__ */ l(
-                bt,
+            /* @__PURE__ */ m("div", { className: a.tabText, children: [
+              ((C = i.content) == null ? void 0 : C.tabText) && (t == null ? void 0 : t({ blocks: i.content.tabText })),
+              U && /* @__PURE__ */ s(
+                _t,
                 {
                   items: U,
-                  mode: u,
-                  renderImage: m,
+                  mode: r,
+                  renderImage: e,
                   renderRichText: t
                 }
               ),
-              I && I !== "#" && _ && /* @__PURE__ */ l(
+              I && I !== "#" && _ && /* @__PURE__ */ s(
                 A,
                 {
                   as: "a",
                   variant: _.variant ?? "primary",
                   href: I,
-                  target: ((j = _.linkOptions) == null ? void 0 : j.linkType) === "external" ? "_blank" : "_self",
-                  rel: ((y = _.linkOptions) == null ? void 0 : y.linkType) === "external" ? "noopener noreferrer" : "",
+                  target: ((S = _.linkOptions) == null ? void 0 : S.linkType) === "external" ? "_blank" : "_self",
+                  rel: ((j = _.linkOptions) == null ? void 0 : j.linkType) === "external" ? "noopener noreferrer" : "",
                   "aria-label": _.ariaLabel || _.label,
                   children: _.label
                 }
               ),
-              ((F = o.content) == null ? void 0 : F.tabDisclaimer) && (t == null ? void 0 : t({ blocks: o.content.tabDisclaimer }))
+              ((F = i.content) == null ? void 0 : F.tabDisclaimer) && (t == null ? void 0 : t({ blocks: i.content.tabDisclaimer }))
             ] })
           ]
         }
-      ) }, o.title);
+      ) }, i.title);
     })
   ] });
-  return p === "default" ? /* @__PURE__ */ l("section", { className: `${a.tabs} ${a.default} ${L}`, children: /* @__PURE__ */ b("article", { className: a.container, children: [
-    z && /* @__PURE__ */ l(
-      rt,
+  return d === "default" ? /* @__PURE__ */ s("section", { className: `${a.tabs} ${a.default} ${L}`, children: /* @__PURE__ */ m("article", { className: a.container, children: [
+    B && /* @__PURE__ */ s(
+      ut,
       {
-        src: z,
-        alt: k,
-        renderImage: m
+        src: B,
+        alt: p,
+        renderImage: e
       }
     ),
-    /* @__PURE__ */ b("div", { className: `${a.heading} ${$}`, children: [
-      t == null ? void 0 : t({
-        blocks: s.title,
-        className: a.title
-      }),
-      s.description && /* @__PURE__ */ l("div", { className: a.text, children: t == null ? void 0 : t({ blocks: s.description }) })
+    /* @__PURE__ */ m("div", { className: `${a.heading} ${y}`, children: [
+      /* @__PURE__ */ m("div", { children: [
+        l.eyebrow && (t == null ? void 0 : t({
+          blocks: l.eyebrow,
+          className: a.eyebrow
+        })),
+        t == null ? void 0 : t({
+          blocks: l.title,
+          className: a.title
+        })
+      ] }),
+      l.description && /* @__PURE__ */ s("div", { className: a.text, children: t == null ? void 0 : t({ blocks: l.description }) })
     ] }),
-    /* @__PURE__ */ l("div", { className: a.tabsContainer, children: w }),
-    e && (n == null ? void 0 : n({
-      items: e.items,
-      alignment: e.alignment
+    /* @__PURE__ */ s("div", { className: a.tabsContainer, children: z }),
+    b && (n == null ? void 0 : n({
+      items: b.items,
+      alignment: b.alignment
     })),
-    s.disclaimer && (t == null ? void 0 : t({ blocks: s.disclaimer }))
-  ] }) }) : p === "full-bleed" ? /* @__PURE__ */ l(
+    l.disclaimer && (t == null ? void 0 : t({ blocks: l.disclaimer }))
+  ] }) }) : d === "full-bleed" ? /* @__PURE__ */ s(
     "section",
     {
       className: `${a.tabs} ${a.fullBleed} ${L} tabsFullBleed`,
-      children: /* @__PURE__ */ b("article", { className: a.container, children: [
-        f && (m ? m({
+      children: /* @__PURE__ */ m("article", { className: a.container, children: [
+        f && (e ? e({
           src: f,
-          alt: k,
+          alt: p,
           fill: !0,
           priority: !0,
           sizes: "(max-width: 767px) 600px, 1200px",
           style: { objectFit: "cover" },
           draggable: !1
-        }) : /* @__PURE__ */ l(
+        }) : /* @__PURE__ */ s(
           "img",
           {
             src: f,
-            alt: k,
+            alt: p,
             style: {
               position: "absolute",
               inset: 0,
@@ -197,23 +204,29 @@ function dt({
             }
           }
         )),
-        /* @__PURE__ */ l("div", { className: a.overlay, children: /* @__PURE__ */ b("div", { className: `${a.heading} ${$}`, children: [
-          t == null ? void 0 : t({
-            blocks: s.title,
-            className: a.title
-          }),
-          s.description && (t == null ? void 0 : t({ blocks: s.description })),
-          /* @__PURE__ */ l("div", { className: a.tabsContainer, children: w }),
-          e && (n == null ? void 0 : n({
-            items: e.items,
-            alignment: e.alignment
+        /* @__PURE__ */ s("div", { className: a.overlay, children: /* @__PURE__ */ m("div", { className: `${a.heading} ${y}`, children: [
+          /* @__PURE__ */ m("div", { children: [
+            l.eyebrow && (t == null ? void 0 : t({
+              blocks: l.eyebrow,
+              className: a.eyebrow
+            })),
+            t == null ? void 0 : t({
+              blocks: l.title,
+              className: a.title
+            })
+          ] }),
+          l.description && (t == null ? void 0 : t({ blocks: l.description })),
+          /* @__PURE__ */ s("div", { className: a.tabsContainer, children: z }),
+          b && (n == null ? void 0 : n({
+            items: b.items,
+            alignment: b.alignment
           })),
-          s.disclaimer && (t == null ? void 0 : t({ blocks: s.disclaimer }))
+          l.disclaimer && (t == null ? void 0 : t({ blocks: l.disclaimer }))
         ] }) })
       ] })
     }
   ) : null;
 }
 export {
-  dt as TabsBlock
+  It as TabsBlock
 };

package/dist/next/blocks/WasHelpfulBlock/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index4.css');const e=require("react/jsx-runtime"),n=require("react"),f=require("../../../core/components/ButtonGroup/index.cjs"),u=require("../../../index-CAxKHP72.cjs"),p="_wasHelpful_nphsl_1",_="_container_nphsl_5",m="_buttons_nphsl_34",b="_heading_nphsl_49",o={wasHelpful:p,container:_,buttons:m,heading:b};function y({page:t,type:d}){const[h,a]=n.useState(!1),[i,c]=n.useState(!1),l=n.useMemo(()=>`wasHelpful:${t._id}`,[t._id]);n.useEffect(()=>{const s=localStorage.getItem(l);(s==="yes"||s==="no")&&a(!0)},[l]);const r=n.useCallback(async s=>{c(!0);try{await fetch("/api/helpful",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({postId:t._id,isHelpful:s})}),localStorage.setItem(l,s?"yes":"no"),a(!0)}catch{}finally{c(!1)}},[t._id,l]);return e.jsx("section",{className:`${o.wasHelpful} ${d==="article"?"blog":""}`,children:e.jsxs("article",{className:o.container,children:[e.jsx("hr",{}),h?e.jsx("p",{className:o.heading,children:"Thanks for your feedback!"}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:o.heading,children:"Was this article helpful?"}),e.jsxs(f.ButtonGroup,{className:o.buttons,orientation:"horizontal",alignment:"center",children:[e.jsx(u.Button,{as:"button",variant:"primary",onClick:()=>r(!0),disabled:i,children:"Yes"}),e.jsx(u.Button,{as:"button",variant:"secondary",onClick:()=>r(!1),disabled:i,children:"No"})]})]}),t.helpfulYesCount>0&&e.jsxs("p",{children:[t.helpfulYesCount.toLocaleString(),t.helpfulYesCount===1?" person":" people"," found this article helpful"]}),e.jsx("hr",{})]})})}exports.WasHelpfulBlock=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index2.css');const e=require("react/jsx-runtime"),n=require("react"),f=require("../../../core/components/ButtonGroup/index.cjs"),u=require("../../../index-CAxKHP72.cjs"),p="_wasHelpful_nphsl_1",_="_container_nphsl_5",m="_buttons_nphsl_34",b="_heading_nphsl_49",o={wasHelpful:p,container:_,buttons:m,heading:b};function y({page:t,type:d}){const[h,a]=n.useState(!1),[i,c]=n.useState(!1),l=n.useMemo(()=>`wasHelpful:${t._id}`,[t._id]);n.useEffect(()=>{const s=localStorage.getItem(l);(s==="yes"||s==="no")&&a(!0)},[l]);const r=n.useCallback(async s=>{c(!0);try{await fetch("/api/helpful",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({postId:t._id,isHelpful:s})}),localStorage.setItem(l,s?"yes":"no"),a(!0)}catch{}finally{c(!1)}},[t._id,l]);return e.jsx("section",{className:`${o.wasHelpful} ${d==="article"?"blog":""}`,children:e.jsxs("article",{className:o.container,children:[e.jsx("hr",{}),h?e.jsx("p",{className:o.heading,children:"Thanks for your feedback!"}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:o.heading,children:"Was this article helpful?"}),e.jsxs(f.ButtonGroup,{className:o.buttons,orientation:"horizontal",alignment:"center",children:[e.jsx(u.Button,{as:"button",variant:"primary",onClick:()=>r(!0),disabled:i,children:"Yes"}),e.jsx(u.Button,{as:"button",variant:"secondary",onClick:()=>r(!1),disabled:i,children:"No"})]})]}),t.helpfulYesCount>0&&e.jsxs("p",{children:[t.helpfulYesCount.toLocaleString(),t.helpfulYesCount===1?" person":" people"," found this article helpful"]}),e.jsx("hr",{})]})})}exports.WasHelpfulBlock=y;

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

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as o, Fragment as p } from "react/jsx-runtime";
 import { useState as u, useMemo as m, useEffect as _, useCallback as b } from "react";
 import { ButtonGroup as y } from "../../../core/components/ButtonGroup/index.mjs";
 import { B as h } from "../../../index-DoRSKr6y.js";
-import '../../../assets/index4.css';const g = "_wasHelpful_nphsl_1", C = "_container_nphsl_5", S = "_buttons_nphsl_34", k = "_heading_nphsl_49", s = {
+import '../../../assets/index2.css';const g = "_wasHelpful_nphsl_1", C = "_container_nphsl_5", S = "_buttons_nphsl_34", k = "_heading_nphsl_49", s = {
   wasHelpful: g,
   container: C,
   buttons: S,

package/dist/next/cards/SpotlightCard/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index15.css');const t=require("react/jsx-runtime"),v=require("../../../index-CAxKHP72.cjs"),d=require("../../utils/resolveLinkUrl.cjs"),y=require("../../../core/context/ThemeContext.cjs"),m=require("../../utils/mediaUtils.cjs"),b="_spotlight_u9yqn_1",p="_imageWrapper_u9yqn_7",q="_content_u9yqn_29",j="_title_u9yqn_35",g="_actions_u9yqn_45",a={spotlight:b,imageWrapper:p,content:q,title:j,actions:g};function A({spotlight:e,renderImage:l,renderRichText:n}){var r,_;const{mode:o}=y.useTheme(),i=m.resolveImageUrl(e.image,o),c=m.resolveAltText(e.image,o),u=d.resolveLinkURL(e.callToAction)??"#",s=((r=e.callToAction.linkOptions)==null?void 0:r.linkType)==="external";return t.jsxs("div",{className:a.spotlight,children:[e.image&&i&&t.jsx("div",{className:a.imageWrapper,children:l?l({src:i,alt:c,width:600,height:400,priority:!1}):t.jsx("img",{src:i,alt:c,width:600,height:400,style:{width:"100%",height:"100%",objectFit:"cover"}})}),t.jsxs("div",{className:a.content,children:[t.jsx("div",{children:n==null?void 0:n({blocks:e.title,className:a.title})}),e.description&&t.jsx("div",{children:n==null?void 0:n({blocks:e.description})})]}),((_=e.callToAction)==null?void 0:_.label)&&t.jsx("div",{className:a.actions,children:t.jsx(v.Button,{as:"a",variant:e.callToAction.variant??"primary",href:u,target:s?"_blank":"_self",rel:s?"noopener noreferrer":"","aria-label":e.callToAction.ariaLabel||e.callToAction.label,children:e.callToAction.label})})]})}exports.SpotlightCard=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index14.css');const t=require("react/jsx-runtime"),v=require("../../../index-CAxKHP72.cjs"),d=require("../../utils/resolveLinkUrl.cjs"),y=require("../../../core/context/ThemeContext.cjs"),m=require("../../utils/mediaUtils.cjs"),b="_spotlight_u9yqn_1",p="_imageWrapper_u9yqn_7",q="_content_u9yqn_29",j="_title_u9yqn_35",g="_actions_u9yqn_45",a={spotlight:b,imageWrapper:p,content:q,title:j,actions:g};function A({spotlight:e,renderImage:l,renderRichText:n}){var r,_;const{mode:o}=y.useTheme(),i=m.resolveImageUrl(e.image,o),c=m.resolveAltText(e.image,o),u=d.resolveLinkURL(e.callToAction)??"#",s=((r=e.callToAction.linkOptions)==null?void 0:r.linkType)==="external";return t.jsxs("div",{className:a.spotlight,children:[e.image&&i&&t.jsx("div",{className:a.imageWrapper,children:l?l({src:i,alt:c,width:600,height:400,priority:!1}):t.jsx("img",{src:i,alt:c,width:600,height:400,style:{width:"100%",height:"100%",objectFit:"cover"}})}),t.jsxs("div",{className:a.content,children:[t.jsx("div",{children:n==null?void 0:n({blocks:e.title,className:a.title})}),e.description&&t.jsx("div",{children:n==null?void 0:n({blocks:e.description})})]}),((_=e.callToAction)==null?void 0:_.label)&&t.jsx("div",{className:a.actions,children:t.jsx(v.Button,{as:"a",variant:e.callToAction.variant??"primary",href:u,target:s?"_blank":"_self",rel:s?"noopener noreferrer":"","aria-label":e.callToAction.ariaLabel||e.callToAction.label,children:e.callToAction.label})})]})}exports.SpotlightCard=A;

package/dist/next/cards/SpotlightCard/index.mjs

@@ -3,7 +3,7 @@ import { B as v } from "../../../index-DoRSKr6y.js";
 import { resolveLinkURL as d } from "../../utils/resolveLinkUrl.mjs";
 import { useTheme as f } from "../../../core/context/ThemeContext.mjs";
 import { resolveImageUrl as y, resolveAltText as b } from "../../utils/mediaUtils.mjs";
-import '../../../assets/index15.css';const u = "_spotlight_u9yqn_1", A = "_imageWrapper_u9yqn_7", g = "_content_u9yqn_29", k = "_title_u9yqn_35", q = "_actions_u9yqn_45", o = {
+import '../../../assets/index14.css';const u = "_spotlight_u9yqn_1", A = "_imageWrapper_u9yqn_7", g = "_content_u9yqn_29", k = "_title_u9yqn_35", q = "_actions_u9yqn_45", o = {
   spotlight: u,
   imageWrapper: A,
   content: g,

package/dist/next/ui/AnimatedSpan/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index3.css');const l=require("react/jsx-runtime"),e=require("react"),p="_animatedSpan_4rh7w_1",S="_previous_4rh7w_10",h="_current_4rh7w_11",v="_slideOff_4rh7w_44",O="_slideOn_4rh7w_49",y="_reset_4rh7w_54",n={animatedSpan:p,previous:S,current:h,slideOff:v,slideOn:O,reset:y};function T({text:s,prevText:i,className:m}){const[r,o]=e.useState(i),[u,d]=e.useState(s),[f,a]=e.useState(null),[_,c]=e.useState(null),t=e.useRef(null);return e.useEffect(()=>(t.current&&clearTimeout(t.current),d(s),c(n.reset),o(i),a(null),requestAnimationFrame(()=>{document.body.offsetHeight,a(n.slideOff),c(n.slideOn)}),t.current=setTimeout(()=>{o(void 0),a(null)},300),()=>{t.current&&clearTimeout(t.current)}),[s,i]),e.useEffect(()=>{!r&&!u&&s&&(d(s),c(null))},[r,u,s]),l.jsxs("span",{className:`${n.animatedSpan} ${m??""}`,children:[r!==void 0&&l.jsx("span",{className:`${n.previous} ${f}`,children:r}),l.jsx("span",{className:`${n.current} ${_}`,children:u})]})}exports.AnimatedSpan=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index19.css');const l=require("react/jsx-runtime"),e=require("react"),p="_animatedSpan_4rh7w_1",S="_previous_4rh7w_10",h="_current_4rh7w_11",v="_slideOff_4rh7w_44",O="_slideOn_4rh7w_49",y="_reset_4rh7w_54",n={animatedSpan:p,previous:S,current:h,slideOff:v,slideOn:O,reset:y};function T({text:s,prevText:i,className:m}){const[r,o]=e.useState(i),[u,d]=e.useState(s),[f,a]=e.useState(null),[_,c]=e.useState(null),t=e.useRef(null);return e.useEffect(()=>(t.current&&clearTimeout(t.current),d(s),c(n.reset),o(i),a(null),requestAnimationFrame(()=>{document.body.offsetHeight,a(n.slideOff),c(n.slideOn)}),t.current=setTimeout(()=>{o(void 0),a(null)},300),()=>{t.current&&clearTimeout(t.current)}),[s,i]),e.useEffect(()=>{!r&&!u&&s&&(d(s),c(null))},[r,u,s]),l.jsxs("span",{className:`${n.animatedSpan} ${m??""}`,children:[r!==void 0&&l.jsx("span",{className:`${n.previous} ${f}`,children:r}),l.jsx("span",{className:`${n.current} ${_}`,children:u})]})}exports.AnimatedSpan=T;