quirk-ui 0.1.69 → 0.1.71

package/dist/core/components/ButtonGroup/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index33.css');const g=require("react/jsx-runtime"),m="_buttonGroup_1gm2z_1",u="_horizontal_1gm2z_9",a="_vertical_1gm2z_14",z="_left_1gm2z_20",h="_center_1gm2z_24",d="_right_1gm2z_28",f="_sm_1gm2z_33",p="_md_1gm2z_37",$="_lg_1gm2z_41",v="_fullWidth_1gm2z_46",t={buttonGroup:m,horizontal:u,vertical:a,left:z,center:h,right:d,sm:f,md:p,lg:$,fullWidth:v},b={left:t.left,center:t.center,right:t.right},G={sm:t.sm,md:t.md,lg:t.lg};function W({children:o,className:n,alignment:l="left",orientation:r="horizontal",spacing:e="md",role:s="group",fullWidth:i=!1,...c}){const _=r==="vertical"?t.vertical:t.horizontal;return g.jsx("div",{className:`${t.buttonGroup} ${_} ${b[l]} ${G[e]} ${i?t.fullWidth:""} ${n??""}`.trim(),role:s,...c,children:o})}exports.ButtonGroup=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index33.css');const u=require("react/jsx-runtime"),m="_buttonGroup_eawyr_1",w="_horizontal_eawyr_9",g="_vertical_eawyr_14",f="_left_eawyr_20",h="_center_eawyr_24",y="_right_eawyr_28",d="_sm_eawyr_33",p="_md_eawyr_37",b="_lg_eawyr_41",v="_fullWidth_eawyr_46",G="_mobileRow_eawyr_65",t={buttonGroup:m,horizontal:w,vertical:g,left:f,center:h,right:y,sm:d,md:p,lg:b,fullWidth:v,mobileRow:G},z={left:t.left,center:t.center,right:t.right},R={sm:t.sm,md:t.md,lg:t.lg};function W({children:o,className:e,alignment:r="left",orientation:l="horizontal",mobileOrientation:n="column",spacing:i="md",role:s="group",fullWidth:a=!1,..._}){const c=l==="vertical"?t.vertical:t.horizontal;return u.jsx("div",{className:[t.buttonGroup,c,z[r],R[i],a?t.fullWidth:"",n==="row"?t.mobileRow:"",e??""].filter(Boolean).join(" "),role:s,..._,children:o})}exports.ButtonGroup=W;

package/dist/core/components/ButtonGroup/index.mjs

@@ -1,41 +1,51 @@
 import { jsx as m } from "react/jsx-runtime";
-import '../../../index33.css';const g = "_buttonGroup_1gm2z_1", a = "_horizontal_1gm2z_9", u = "_vertical_1gm2z_14", z = "_left_1gm2z_20", h = "_center_1gm2z_24", f = "_right_1gm2z_28", d = "_sm_1gm2z_33", p = "_md_1gm2z_37", v = "_lg_1gm2z_41", $ = "_fullWidth_1gm2z_46", t = {
-  buttonGroup: g,
-  horizontal: a,
-  vertical: u,
-  left: z,
-  center: h,
-  right: f,
+import '../../../index33.css';const u = "_buttonGroup_eawyr_1", w = "_horizontal_eawyr_9", f = "_vertical_eawyr_14", h = "_left_eawyr_20", g = "_center_eawyr_24", y = "_right_eawyr_28", d = "_sm_eawyr_33", p = "_md_eawyr_37", b = "_lg_eawyr_41", v = "_fullWidth_eawyr_46", z = "_mobileRow_eawyr_65", t = {
+  buttonGroup: u,
+  horizontal: w,
+  vertical: f,
+  left: h,
+  center: g,
+  right: y,
   sm: d,
   md: p,
-  lg: v,
-  fullWidth: $
+  lg: b,
+  fullWidth: v,
+  mobileRow: z
 }, G = {
   left: t.left,
   center: t.center,
   right: t.right
-}, b = {
+}, R = {
   sm: t.sm,
   md: t.md,
   lg: t.lg
 };
 function C({
   children: o,
-  className: n,
-  alignment: l = "left",
-  orientation: r = "horizontal",
-  spacing: s = "md",
-  role: _ = "group",
-  fullWidth: e = !1,
-  ...c
+  className: e,
+  alignment: r = "left",
+  orientation: l = "horizontal",
+  mobileOrientation: n = "column",
+  spacing: a = "md",
+  role: s = "group",
+  fullWidth: _ = !1,
+  ...i
 }) {
-  const i = r === "vertical" ? t.vertical : t.horizontal;
+  const c = l === "vertical" ? t.vertical : t.horizontal;
   return /* @__PURE__ */ m(
     "div",
     {
-      className: `${t.buttonGroup} ${i} ${G[l]} ${b[s]} ${e ? t.fullWidth : ""} ${n ?? ""}`.trim(),
-      role: _,
-      ...c,
+      className: [
+        t.buttonGroup,
+        c,
+        G[r],
+        R[a],
+        _ ? t.fullWidth : "",
+        n === "row" ? t.mobileRow : "",
+        e ?? ""
+      ].filter(Boolean).join(" "),
+      role: s,
+      ...i,
       children: o
     }
   );

package/dist/core.d.ts

@@ -175,13 +175,14 @@ declare type BreakpointColumns = {
 
 export declare function Button({ variant, size, displayType, imageSrc, imageAlt, ImageComponent, icon, iconAlignment, className, children, disabled, ...restProps }: ButtonProps): JSX.Element;
 
-export declare function ButtonGroup({ children, className, alignment, orientation, spacing, role, fullWidth, ...restProps }: ButtonGroupProps): JSX.Element;
+export declare function ButtonGroup({ children, className, alignment, orientation, mobileOrientation, spacing, role, fullWidth, ...restProps }: ButtonGroupProps): JSX.Element;
 
 declare type ButtonGroupProps = {
     children: default_2.ReactNode;
     className?: string;
     alignment?: Alignment;
     orientation?: Orientation;
+    mobileOrientation?: "row" | "column";
     spacing?: ButtonGroupSpacing;
     role?: string;
     fullWidth?: boolean;

package/dist/index33.css

@@ -1 +1 @@
-._buttonGroup_1gm2z_1{display:flex;gap:var(--spacing-sm);align-items:center;width:fit-content}._horizontal_1gm2z_9{flex-direction:row;flex-wrap:wrap}._vertical_1gm2z_14{flex-direction:column;align-items:stretch}._left_1gm2z_20{justify-content:flex-start}._center_1gm2z_24{justify-content:center}._right_1gm2z_28{justify-content:flex-end}._sm_1gm2z_33{gap:var(--spacing-sm)}._md_1gm2z_37{gap:var(--spacing-md)}._lg_1gm2z_41{gap:var(--spacing-lg)}._fullWidth_1gm2z_46{width:100%}._fullWidth_1gm2z_46._horizontal_1gm2z_9>*{flex:1}._fullWidth_1gm2z_46._vertical_1gm2z_14{align-items:stretch}@media (max-width: 480px){._buttonGroup_1gm2z_1{width:100%}._horizontal_1gm2z_9{flex-direction:column;align-items:stretch}}
+._buttonGroup_eawyr_1{display:flex;gap:var(--spacing-sm);align-items:center;width:fit-content}._horizontal_eawyr_9{flex-direction:row;flex-wrap:wrap}._vertical_eawyr_14{flex-direction:column;align-items:stretch}._left_eawyr_20{justify-content:flex-start}._center_eawyr_24{justify-content:center}._right_eawyr_28{justify-content:flex-end}._sm_eawyr_33{gap:var(--spacing-sm)}._md_eawyr_37{gap:var(--spacing-md)}._lg_eawyr_41{gap:var(--spacing-lg)}._fullWidth_eawyr_46{width:100%}._fullWidth_eawyr_46._horizontal_eawyr_9>*{flex:1}._fullWidth_eawyr_46._vertical_eawyr_14{align-items:stretch}@media (max-width: 480px){._buttonGroup_eawyr_1{width:100%}._horizontal_eawyr_9:not(._mobileRow_eawyr_65){flex-direction:column;align-items:stretch}._mobileRow_eawyr_65{flex-direction:row;flex-wrap:wrap;width:fit-content}}

package/dist/main.d.ts

@@ -282,13 +282,14 @@ declare type BreakpointColumns = {
 
 export declare function Button({ variant, size, displayType, imageSrc, imageAlt, ImageComponent, icon, iconAlignment, className, children, disabled, ...restProps }: ButtonProps): JSX.Element;
 
-export declare function ButtonGroup({ children, className, alignment, orientation, spacing, role, fullWidth, ...restProps }: ButtonGroupProps): JSX.Element;
+export declare function ButtonGroup({ children, className, alignment, orientation, mobileOrientation, spacing, role, fullWidth, ...restProps }: ButtonGroupProps): JSX.Element;
 
 declare type ButtonGroupProps = {
     children: default_2.ReactNode;
     className?: string;
     alignment?: Alignment;
     orientation?: Orientation;
+    mobileOrientation?: "row" | "column";
     spacing?: ButtonGroupSpacing;
     role?: string;
     fullWidth?: boolean;
@@ -1498,7 +1499,7 @@ declare type RangeSize = "sm" | "md" | "lg";
  * <HeroBlock {...section} renderCallToAction={renderCallToAction} />
  * <ContentBlock {...section} renderCallToAction={renderCallToAction} />
  */
-export declare function renderCallToAction({ alignment, spacing, items, className, }: RenderCallToActionProps_3): default_2.ReactElement | null;
+export declare function renderCallToAction({ alignment, spacing, mobileOrientation, items, className, }: RenderCallToActionProps_3): default_2.ReactElement | null;
 
 export { RenderCallToActionProps }
 

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index7.css');const a=require("react/jsx-runtime"),k=require("../../hooks/useStyleClasses.cjs"),H=require("../../../core/context/ThemeContext.cjs"),W=require("../../hooks/useMediaQuery.cjs"),p=require("../../utils/mediaUtils.cjs"),z="_content_1atux_1",$="_container_1atux_7",L="_eyebrow_1atux_34",B="_metrics_1atux_38",C="_metric_1atux_38",q="_metricValue_1atux_54",M="_disclaimer_1atux_75",U="_layoutHImageRight_1atux_80",D="_heading_1atux_84",E="_media_1atux_89",Q="_noImage_1atux_99",Y="_layoutHImageLeft_1atux_103",F="_layoutVImageTop_1atux_122",G="_layoutVImageBottom_1atux_135",P="_text_1atux_154",J="_title_1atux_159",K="_cta_1atux_178",X="_headingHorizontal_1atux_186",Z="_titleWrapper_1atux_195",O="_headingVertical_1atux_216",A="_videoWrapper_1atux_237",T="_layoutSplitText_1atux_329",R="_additionalContent_1atux_344",t={content:z,container:$,eyebrow:L,metrics:B,metric:C,metricValue:q,disclaimer:M,layoutHImageRight:U,heading:D,media:E,noImage:Q,layoutHImageLeft:Y,layoutVImageTop:F,layoutVImageBottom:G,text:P,title:J,cta:K,headingHorizontal:X,titleWrapper:Z,headingVertical:O,videoWrapper:A,layoutSplitText:T,additionalContent:R},tt={"no-image":t.noImage,"split-text":t.layoutSplitText,"horizontal-image-right":t.layoutHImageRight,"horizontal-image-left":t.layoutHImageLeft,"vertical-image-top":t.layoutVImageTop,"vertical-image-bottom":t.layoutVImageBottom},st={horizontal:t.headingHorizontal,vertical:t.headingVertical};function at(s,i,l){const e=s.includes("vimeo.com"),c=s.includes("youtube.com")||s.includes("youtu.be");return e||c?a.jsx("div",{style:{maxWidth:l??"unset",flex:.65},children:a.jsx("div",{className:t.videoWrapper,children:a.jsx("iframe",{src:e?`${s}?autoplay=0&muted=0&loop=0`:`${s}?autoplay=0&mute=0&loop=0`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):a.jsx("div",{style:{maxWidth:l??"unset",width:"100%",flex:.65},children:a.jsx("div",{className:t.videoWrapper,children:a.jsx("video",{src:s,controls:!0,poster:i})})})}function et({metrics:s,renderRichText:i}){return a.jsx("div",{className:t.metrics,children:s.map(l=>a.jsxs("div",{className:t.metric,children:[a.jsx("div",{className:t.metricValue,children:l.metricValue}),l.metricDescription&&(i==null?void 0:i({blocks:l.metricDescription}))]},l._key))})}function ot({layout:s,heading:i,additionalContent:l,image:e,video:c,metrics:m,callToAction:n,disclaimer:x,styleOptions:u,id:V,renderImage:d,renderRichText:o,renderCallToAction:r}){var N;const{mode:g}=H.useTheme(),b=k.useStyleClasses(u),j=W.useMediaQuery("(max-width: 768px)")??!1,_=p.resolveImageUrl(e,g),h=p.resolveAltText(e,g),y=p.resolveImageStyle(e,j),w=tt[(s==null?void 0:s.orientation)??"horizontal-image-right"],S=st[i.headingLayout??"horizontal"],f={"--container-max-width":(u==null?void 0:u.maxWidth)??"unset","--gap":s==null?void 0:s.gap,"--max-width":(e==null?void 0:e.sizing)==="inset"?e==null?void 0:e.maxWidth:"unset"},I=(s==null?void 0:s.orientation)==="split-text",v=!I&&(s==null?void 0:s.orientation)!=="no-image";return a.jsx("section",{id:V,className:`${b} ${t.content}`,children:a.jsxs("article",{className:`${t.container} ${w}`,style:f,children:[a.jsxs("div",{className:`${t.heading} ${S}`,children:[a.jsxs("div",{className:t.titleWrapper,children:[i.eyebrow&&(o==null?void 0:o({blocks:i.eyebrow,className:t.eyebrow})),i.title&&(o==null?void 0:o({blocks:i.title,className:t.title}))]}),i.description||(N=n==null?void 0:n.items)!=null&&N.length?a.jsxs("div",{className:t.text,children:[i.description&&(o==null?void 0:o({blocks:i.description})),m&&m.length>0&&a.jsx(et,{metrics:m,renderRichText:o}),n&&(r==null?void 0:r({items:n.items,alignment:n.alignment,className:t.cta})),x&&(o==null?void 0:o({blocks:x,className:t.disclaimer}))]}):null]}),I&&l&&a.jsx("div",{className:t.additionalContent,children:o==null?void 0:o({blocks:l})}),v&&c?at(c,_,e==null?void 0:e.maxWidth):v&&e&&_?a.jsx("div",{className:t.media,children:d?d({src:_,alt:h,width:600,height:400,priority:!0,style:y}):a.jsx("img",{src:_,alt:h,width:600,height:400,style:{width:"100%",height:"auto",...y}})}):null]})})}exports.ContentBlock=ot;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index7.css');const a=require("react/jsx-runtime"),k=require("../../hooks/useStyleClasses.cjs"),H=require("../../../core/context/ThemeContext.cjs"),W=require("../../hooks/useMediaQuery.cjs"),p=require("../../utils/mediaUtils.cjs"),z="_content_1atux_1",$="_container_1atux_7",L="_eyebrow_1atux_34",B="_metrics_1atux_38",C="_metric_1atux_38",q="_metricValue_1atux_54",M="_disclaimer_1atux_75",U="_layoutHImageRight_1atux_80",D="_heading_1atux_84",E="_media_1atux_89",Q="_noImage_1atux_99",Y="_layoutHImageLeft_1atux_103",F="_layoutVImageTop_1atux_122",G="_layoutVImageBottom_1atux_135",O="_text_1atux_154",P="_title_1atux_159",J="_cta_1atux_178",K="_headingHorizontal_1atux_186",X="_titleWrapper_1atux_195",Z="_headingVertical_1atux_216",A="_videoWrapper_1atux_237",R="_layoutSplitText_1atux_329",T="_additionalContent_1atux_344",t={content:z,container:$,eyebrow:L,metrics:B,metric:C,metricValue:q,disclaimer:M,layoutHImageRight:U,heading:D,media:E,noImage:Q,layoutHImageLeft:Y,layoutVImageTop:F,layoutVImageBottom:G,text:O,title:P,cta:J,headingHorizontal:K,titleWrapper:X,headingVertical:Z,videoWrapper:A,layoutSplitText:R,additionalContent:T},tt={"no-image":t.noImage,"split-text":t.layoutSplitText,"horizontal-image-right":t.layoutHImageRight,"horizontal-image-left":t.layoutHImageLeft,"vertical-image-top":t.layoutVImageTop,"vertical-image-bottom":t.layoutVImageBottom},st={horizontal:t.headingHorizontal,vertical:t.headingVertical};function at(s,i,n){const e=s.includes("vimeo.com"),c=s.includes("youtube.com")||s.includes("youtu.be");return e||c?a.jsx("div",{style:{maxWidth:n??"unset",flex:.65},children:a.jsx("div",{className:t.videoWrapper,children:a.jsx("iframe",{src:e?`${s}?autoplay=0&muted=0&loop=0`:`${s}?autoplay=0&mute=0&loop=0`,allow:"autoplay; fullscreen",allowFullScreen:!0})})}):a.jsx("div",{style:{maxWidth:n??"unset",width:"100%",flex:.65},children:a.jsx("div",{className:t.videoWrapper,children:a.jsx("video",{src:s,controls:!0,poster:i})})})}function et({metrics:s,renderRichText:i}){return a.jsx("div",{className:t.metrics,children:s.map(n=>a.jsxs("div",{className:t.metric,children:[a.jsx("div",{className:t.metricValue,children:n.metricValue}),n.metricDescription&&(i==null?void 0:i({blocks:n.metricDescription}))]},n._key))})}function ot({layout:s,heading:i,additionalContent:n,image:e,video:c,metrics:m,callToAction:l,disclaimer:g,styleOptions:u,id:N,renderImage:x,renderRichText:o,renderCallToAction:r}){var b;const{mode:d}=H.useTheme(),V=k.useStyleClasses(u),j=W.useMediaQuery("(max-width: 768px)")??!1,_=p.resolveImageUrl(e,d),h=p.resolveAltText(e,d),y=p.resolveImageStyle(e,j),w=tt[(s==null?void 0:s.orientation)??"horizontal-image-right"],S=st[i.headingLayout??"horizontal"],f={"--container-max-width":(u==null?void 0:u.maxWidth)??"unset","--gap":s==null?void 0:s.gap,"--max-width":(e==null?void 0:e.sizing)==="inset"?e==null?void 0:e.maxWidth:"unset"},I=(s==null?void 0:s.orientation)==="split-text",v=!I&&(s==null?void 0:s.orientation)!=="no-image";return a.jsx("section",{id:N,className:`${V} ${t.content}`,children:a.jsxs("article",{className:`${t.container} ${w}`,style:f,children:[a.jsxs("div",{className:`${t.heading} ${S}`,children:[a.jsxs("div",{className:t.titleWrapper,children:[i.eyebrow&&(o==null?void 0:o({blocks:i.eyebrow,className:t.eyebrow})),i.title&&(o==null?void 0:o({blocks:i.title,className:t.title}))]}),i.description||(b=l==null?void 0:l.items)!=null&&b.length?a.jsxs("div",{className:t.text,children:[i.description&&(o==null?void 0:o({blocks:i.description})),m&&m.length>0&&a.jsx(et,{metrics:m,renderRichText:o}),l&&(r==null?void 0:r({items:l.items,alignment:l.alignment,spacing:l.spacing,mobileOrientation:l.mobileOrientation,className:t.cta})),g&&(o==null?void 0:o({blocks:g,className:t.disclaimer}))]}):null]}),I&&n&&a.jsx("div",{className:t.additionalContent,children:o==null?void 0:o({blocks:n})}),v&&c?at(c,_,e==null?void 0:e.maxWidth):v&&e&&_?a.jsx("div",{className:t.media,children:x?x({src:_,alt:h,width:600,height:400,priority:!0,style:y}):a.jsx("img",{src:_,alt:h,width:600,height:400,style:{width:"100%",height:"auto",...y}})}):null]})})}exports.ContentBlock=ot;

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

@@ -3,7 +3,7 @@ import { useStyleClasses as W } from "../../hooks/useStyleClasses.mjs";
 import { useTheme as k } from "../../../core/context/ThemeContext.mjs";
 import { useMediaQuery as z } from "../../hooks/useMediaQuery.mjs";
 import { resolveImageUrl as L, resolveAltText as $, resolveImageStyle as B } from "../../utils/mediaUtils.mjs";
-import '../../../index7.css';const C = "_content_1atux_1", M = "_container_1atux_7", D = "_eyebrow_1atux_34", U = "_metrics_1atux_38", j = "_metric_1atux_38", E = "_metricValue_1atux_54", Y = "_disclaimer_1atux_75", F = "_layoutHImageRight_1atux_80", G = "_heading_1atux_84", Q = "_media_1atux_89", q = "_noImage_1atux_99", J = "_layoutHImageLeft_1atux_103", K = "_layoutVImageTop_1atux_122", P = "_layoutVImageBottom_1atux_135", X = "_text_1atux_154", Z = "_title_1atux_159", O = "_cta_1atux_178", A = "_headingHorizontal_1atux_186", R = "_titleWrapper_1atux_195", T = "_headingVertical_1atux_216", tt = "_videoWrapper_1atux_237", at = "_layoutSplitText_1atux_329", ot = "_additionalContent_1atux_344", t = {
+import '../../../index7.css';const C = "_content_1atux_1", M = "_container_1atux_7", D = "_eyebrow_1atux_34", U = "_metrics_1atux_38", j = "_metric_1atux_38", E = "_metricValue_1atux_54", Y = "_disclaimer_1atux_75", F = "_layoutHImageRight_1atux_80", G = "_heading_1atux_84", Q = "_media_1atux_89", q = "_noImage_1atux_99", J = "_layoutHImageLeft_1atux_103", K = "_layoutVImageTop_1atux_122", O = "_layoutVImageBottom_1atux_135", P = "_text_1atux_154", X = "_title_1atux_159", Z = "_cta_1atux_178", A = "_headingHorizontal_1atux_186", R = "_titleWrapper_1atux_195", T = "_headingVertical_1atux_216", tt = "_videoWrapper_1atux_237", at = "_layoutSplitText_1atux_329", ot = "_additionalContent_1atux_344", t = {
   content: C,
   container: M,
   eyebrow: D,
@@ -17,10 +17,10 @@ import '../../../index7.css';const C = "_content_1atux_1", M = "_container_1atux
   noImage: q,
   layoutHImageLeft: J,
   layoutVImageTop: K,
-  layoutVImageBottom: P,
-  text: X,
-  title: Z,
-  cta: O,
+  layoutVImageBottom: O,
+  text: P,
+  title: X,
+  cta: Z,
   headingHorizontal: A,
   titleWrapper: R,
   headingVertical: T,
@@ -74,12 +74,12 @@ function rt({
   renderCallToAction: p
 }) {
   var N;
-  const { mode: I } = k(), f = W(_), b = z("(max-width: 768px)") ?? !1, u = L(o, I), h = $(o, I), v = B(o, b), w = st[(a == null ? void 0 : a.orientation) ?? "horizontal-image-right"], H = et[e.headingLayout ?? "horizontal"], S = {
+  const { mode: I } = k(), b = W(_), f = z("(max-width: 768px)") ?? !1, u = L(o, I), h = $(o, I), v = B(o, f), w = st[(a == null ? void 0 : a.orientation) ?? "horizontal-image-right"], H = et[e.headingLayout ?? "horizontal"], S = {
     "--container-max-width": (_ == null ? void 0 : _.maxWidth) ?? "unset",
     "--gap": a == null ? void 0 : a.gap,
     "--max-width": (o == null ? void 0 : o.sizing) === "inset" ? o == null ? void 0 : o.maxWidth : "unset"
   }, y = (a == null ? void 0 : a.orientation) === "split-text", x = !y && (a == null ? void 0 : a.orientation) !== "no-image";
-  return /* @__PURE__ */ i("section", { id: V, className: `${f} ${t.content}`, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ i("section", { id: V, className: `${b} ${t.content}`, children: /* @__PURE__ */ c(
     "article",
     {
       className: `${t.container} ${w}`,
@@ -108,6 +108,8 @@ function rt({
             n && (p == null ? void 0 : p({
               items: n.items,
               alignment: n.alignment,
+              spacing: n.spacing,
+              mobileOrientation: n.mobileOrientation,
               className: t.cta
             })),
             g && (s == null ? void 0 : s({

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index13.css');const a=require("react/jsx-runtime"),D=require("../../hooks/useStyleClasses.cjs"),g=require("../../../core/components/Tabs/index.cjs"),G=require("../../../index-D0ylyll7.cjs"),M=require("../../utils/resolveLinkUrl.cjs"),P=require("../../../core/context/ThemeContext.cjs"),r=require("../../utils/mediaUtils.cjs"),A="_tabs_3x761_1",F="_container_3x761_7",Y="_heading_3x761_25",J="_text_3x761_32",K="_headingHorizontal_3x761_46",Q="_title_3x761_54",W="_headingVertical_3x761_64",X="_tabContent_3x761_74",Z="_vertical_3x761_97",O="_tabsContainer_3x761_69",T="_tabImage_3x761_112",R="_tabText_3x761_120",tt="_gridItems_3x761_141",at="_gridItem_3x761_141",st="_fullBleed_3x761_181",lt="_overlay_3x761_208",ot="_eyebrow_3x761_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_3x761_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},ct={horizontal:"",vertical:s.vertical};function bt({src:l,alt:c,renderImage:_}){return _?_({src:l,alt:c,width:600,height:658,priority:!0}):a.jsx("img",{src:l,alt:c,width:600,height:658})}function _t({items:l,mode:c,renderImage:_,renderRichText:n}){return a.jsx("div",{className:s.gridItems,children:l.map((o,t)=>{const i=r.resolveImageUrl(o.itemImage,c,"medium"),b=r.resolveAltText(o.itemImage,c,"Grid image");return a.jsxs("div",{className:s.gridItem,children:[i&&_?_({src:i,alt:b,width:200,height:200}):i?a.jsx("img",{src:i,alt:b,width:200,height:200}):null,o.itemText&&(n==null?void 0:n({blocks:o.itemText}))]},t)})})}function mt({heading:l,image:c,items:_,callToAction:n,styleOptions:o,renderRichText:t,renderCallToAction:i,renderImage:b}){const{mode:u}=P.useTheme(),I=D.useStyleClasses(o),x=(o==null?void 0:o.layout)??"default",d=nt[l.headingLayout??"vertical"],w=et[(o==null?void 0:o.orientation)??"orientationHorizontal"],V=it[(o==null?void 0:o.theme)??"themeDefault"],y=r.resolveImageUrl(c,u,"medium"),v=r.resolveImageUrl(c,u,"large"),j=r.resolveAltText(c,u,"Block image"),L=a.jsxs(g.Tabs,{defaultIndex:0,orientation:w,theme:V,children:[a.jsx(g.Tabs.List,{children:_.map((e,k)=>a.jsx(g.Tabs.Trigger,{index:k,children:e.title},e.title))}),_.map((e,k)=>{var B,z,p,h,q,H,S,C,E;const N=r.resolveImageUrl((B=e.content)==null?void 0:B.tabImage,u,"medium"),$=r.resolveAltText((z=e.content)==null?void 0:z.tabImage,u,"Tab image"),f=(p=e.content)!=null&&p.tabLink?M.resolveLinkURL(e.content.tabLink):void 0,m=(h=e.content)==null?void 0:h.tabLink,U=Array.isArray((q=e.content)==null?void 0:q.tabGridItem)?e.content.tabGridItem:null;return a.jsx(g.Tabs.Panel,{index:k,children:a.jsxs("div",{className:`${s.tabContent} ${ct[w]}`,children:[N&&a.jsx("div",{className:s.tabImage,children:b?b({src:N,alt:$,width:250,height:250}):a.jsx("img",{src:N,alt:$,width:250,height:250})}),a.jsxs("div",{className:s.tabText,children:[((H=e.content)==null?void 0:H.tabText)&&(t==null?void 0:t({blocks:e.content.tabText})),U&&a.jsx(_t,{items:U,mode:u,renderImage:b,renderRichText:t}),f&&f!=="#"&&m&&a.jsx(G.Button,{as:"a",variant:m.variant??"primary",href:f,target:((S=m.linkOptions)==null?void 0:S.linkType)==="external"?"_blank":"_self",rel:((C=m.linkOptions)==null?void 0:C.linkType)==="external"?"noopener noreferrer":"","aria-label":m.ariaLabel||m.label,children:m.label}),((E=e.content)==null?void 0:E.tabDisclaimer)&&(t==null?void 0:t({blocks:e.content.tabDisclaimer}))]})]})},e.title)})]});return x==="default"?a.jsx("section",{className:`${s.tabs} ${s.default} ${I}`,children:a.jsxs("article",{className:s.container,children:[y&&a.jsx(bt,{src:y,alt:j,renderImage:b}),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}))]})}):x==="full-bleed"?a.jsx("section",{"data-overlay":"true",className:`${s.tabs} ${s.fullBleed} ${I} tabsFullBleed`,children:a.jsxs("article",{className:s.container,children:[v&&(b?b({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=mt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index13.css');const a=require("react/jsx-runtime"),D=require("../../hooks/useStyleClasses.cjs"),g=require("../../../core/components/Tabs/index.cjs"),G=require("../../../index-D0ylyll7.cjs"),M=require("../../utils/resolveLinkUrl.cjs"),P=require("../../../core/context/ThemeContext.cjs"),r=require("../../utils/mediaUtils.cjs"),F="_tabs_3x761_1",Y="_container_3x761_7",J="_heading_3x761_25",K="_text_3x761_32",Q="_headingHorizontal_3x761_46",W="_title_3x761_54",X="_headingVertical_3x761_64",Z="_tabContent_3x761_74",A="_vertical_3x761_97",O="_tabsContainer_3x761_69",T="_tabImage_3x761_112",R="_tabText_3x761_120",tt="_gridItems_3x761_141",at="_gridItem_3x761_141",st="_fullBleed_3x761_181",lt="_overlay_3x761_208",ot="_eyebrow_3x761_314",s={tabs:F,container:Y,heading:J,text:K,headingHorizontal:Q,title:W,headingVertical:X,tabContent:Z,vertical:A,tabsContainer:O,tabImage:T,tabText:R,gridItems:tt,gridItem:at,default:"_default_3x761_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},ct={horizontal:"",vertical:s.vertical};function bt({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 mt({items:l,mode:c,renderImage:m,renderRichText:i}){return a.jsx("div",{className:s.gridItems,children:l.map((o,t)=>{const n=r.resolveImageUrl(o.itemImage,c,"medium"),b=r.resolveAltText(o.itemImage,c,"Grid image");return a.jsxs("div",{className:s.gridItem,children:[n&&m?m({src:n,alt:b,width:200,height:200}):n?a.jsx("img",{src:n,alt:b,width:200,height:200}):null,o.itemText&&(i==null?void 0:i({blocks:o.itemText}))]},t)})})}function _t({heading:l,image:c,items:m,callToAction:i,styleOptions:o,renderRichText:t,renderCallToAction:n,renderImage:b}){const{mode:u}=P.useTheme(),I=D.useStyleClasses(o),x=(o==null?void 0:o.layout)??"default",d=nt[l.headingLayout??"vertical"],w=et[(o==null?void 0:o.orientation)??"orientationHorizontal"],V=it[(o==null?void 0:o.theme)??"themeDefault"],y=r.resolveImageUrl(c,u,"medium"),v=r.resolveImageUrl(c,u,"large"),j=r.resolveAltText(c,u,"Block image"),L=a.jsxs(g.Tabs,{defaultIndex:0,orientation:w,theme:V,children:[a.jsx(g.Tabs.List,{children:m.map((e,k)=>a.jsx(g.Tabs.Trigger,{index:k,children:e.title},e.title))}),m.map((e,k)=>{var U,B,z,h,q,H,S,C,E;const N=r.resolveImageUrl((U=e.content)==null?void 0:U.tabImage,u,"medium"),$=r.resolveAltText((B=e.content)==null?void 0:B.tabImage,u,"Tab image"),f=(z=e.content)!=null&&z.tabLink?M.resolveLinkURL(e.content.tabLink):void 0,_=(h=e.content)==null?void 0:h.tabLink,p=Array.isArray((q=e.content)==null?void 0:q.tabGridItem)?e.content.tabGridItem:null;return a.jsx(g.Tabs.Panel,{index:k,children:a.jsxs("div",{className:`${s.tabContent} ${ct[w]}`,children:[N&&a.jsx("div",{className:s.tabImage,children:b?b({src:N,alt:$,width:250,height:250}):a.jsx("img",{src:N,alt:$,width:250,height:250})}),a.jsxs("div",{className:s.tabText,children:[((H=e.content)==null?void 0:H.tabText)&&(t==null?void 0:t({blocks:e.content.tabText})),p&&a.jsx(mt,{items:p,mode:u,renderImage:b,renderRichText:t}),f&&f!=="#"&&_&&a.jsx(G.Button,{as:"a",variant:_.variant??"primary",href:f,target:((S=_.linkOptions)==null?void 0:S.linkType)==="external"?"_blank":"_self",rel:((C=_.linkOptions)==null?void 0:C.linkType)==="external"?"noopener noreferrer":"","aria-label":_.ariaLabel||_.label,children:_.label}),((E=e.content)==null?void 0:E.tabDisclaimer)&&(t==null?void 0:t({blocks:e.content.tabDisclaimer}))]})]})},e.title)})]});return x==="default"?a.jsx("section",{className:`${s.tabs} ${s.default} ${I}`,children:a.jsxs("article",{className:s.container,children:[y&&a.jsx(bt,{src:y,alt:j,renderImage:b}),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}),i&&(n==null?void 0:n({items:i.items,alignment:i.alignment,spacing:i.spacing,mobileOrientation:i.mobileOrientation})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})}):x==="full-bleed"?a.jsx("section",{"data-overlay":"true",className:`${s.tabs} ${s.fullBleed} ${I} tabsFullBleed`,children:a.jsxs("article",{className:s.container,children:[v&&(b?b({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}),i&&(n==null?void 0:n({items:i.items,alignment:i.alignment,spacing:i.spacing,mobileOrientation:i.mobileOrientation})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})})]})}):null}exports.TabsBlock=_t;

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

@@ -1,17 +1,17 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { jsxs as e, 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-CnlJ2RgH.js";
-import { resolveLinkURL as Y } from "../../utils/resolveLinkUrl.mjs";
-import { useTheme as q } from "../../../core/context/ThemeContext.mjs";
-import { resolveImageUrl as v, resolveAltText as d } from "../../utils/mediaUtils.mjs";
-import '../../../index13.css';const J = "_tabs_3x761_1", K = "_container_3x761_7", Q = "_heading_3x761_25", W = "_text_3x761_32", X = "_headingHorizontal_3x761_46", Z = "_title_3x761_54", O = "_headingVertical_3x761_64", x = "_tabContent_3x761_74", T = "_vertical_3x761_97", R = "_tabsContainer_3x761_69", tt = "_tabImage_3x761_112", at = "_tabText_3x761_120", lt = "_gridItems_3x761_141", st = "_gridItem_3x761_141", ot = "_fullBleed_3x761_181", it = "_overlay_3x761_208", nt = "_eyebrow_3x761_314", a = {
-  tabs: J,
-  container: K,
-  heading: Q,
-  text: W,
-  headingHorizontal: X,
-  title: Z,
+import { B as Y } from "../../../index-CnlJ2RgH.js";
+import { resolveLinkURL as q } from "../../utils/resolveLinkUrl.mjs";
+import { useTheme as J } from "../../../core/context/ThemeContext.mjs";
+import { resolveImageUrl as v, resolveAltText as w } from "../../utils/mediaUtils.mjs";
+import '../../../index13.css';const K = "_tabs_3x761_1", Q = "_container_3x761_7", W = "_heading_3x761_25", X = "_text_3x761_32", Z = "_headingHorizontal_3x761_46", A = "_title_3x761_54", O = "_headingVertical_3x761_64", x = "_tabContent_3x761_74", T = "_vertical_3x761_97", R = "_tabsContainer_3x761_69", tt = "_tabImage_3x761_112", at = "_tabText_3x761_120", lt = "_gridItems_3x761_141", st = "_gridItem_3x761_141", it = "_fullBleed_3x761_181", ot = "_overlay_3x761_208", nt = "_eyebrow_3x761_314", a = {
+  tabs: K,
+  container: Q,
+  heading: W,
+  text: X,
+  headingHorizontal: Z,
+  title: A,
   headingVertical: O,
   tabContent: x,
   vertical: T,
@@ -21,91 +21,91 @@ import '../../../index13.css';const J = "_tabs_3x761_1", K = "_container_3x761_7
   gridItems: lt,
   gridItem: st,
   default: "_default_3x761_166",
-  fullBleed: ot,
-  overlay: it,
+  fullBleed: it,
+  overlay: ot,
   eyebrow: nt
 }, mt = {
   orientationHorizontal: "horizontal",
   orientationVertical: "vertical"
-}, ct = {
+}, et = {
   themeDefault: "default",
   themeLight: "light",
   themeDark: "dark",
   themeTransparent: "transparent"
-}, et = {
+}, bt = {
   horizontal: a.headingHorizontal,
   vertical: a.headingVertical
-}, bt = {
+}, ct = {
   horizontal: "",
   vertical: a.vertical
 };
-function _t({ src: l, alt: e, renderImage: _ }) {
-  return _ ? _({ src: l, alt: e, width: 600, height: 658, priority: !0 }) : /* @__PURE__ */ s("img", { src: l, alt: e, width: 600, height: 658 });
+function _t({ src: l, alt: b, renderImage: _ }) {
+  return _ ? _({ src: l, alt: b, width: 600, height: 658, priority: !0 }) : /* @__PURE__ */ s("img", { src: l, alt: b, width: 600, height: 658 });
 }
-function ut({
+function rt({
   items: l,
-  mode: e,
+  mode: b,
   renderImage: _,
-  renderRichText: m
+  renderRichText: n
 }) {
-  return /* @__PURE__ */ s("div", { className: a.gridItems, children: l.map((o, t) => {
-    const n = v(
-      o.itemImage,
-      e,
+  return /* @__PURE__ */ s("div", { className: a.gridItems, children: l.map((i, t) => {
+    const m = v(
+      i.itemImage,
+      b,
       "medium"
-    ), b = d(
-      o.itemImage,
-      e,
+    ), c = w(
+      i.itemImage,
+      b,
       "Grid image"
     );
-    return /* @__PURE__ */ c("div", { className: a.gridItem, children: [
-      n && _ ? _({
-        src: n,
-        alt: b,
+    return /* @__PURE__ */ e("div", { className: a.gridItem, children: [
+      m && _ ? _({
+        src: m,
+        alt: c,
         width: 200,
         height: 200
-      }) : n ? /* @__PURE__ */ s(
+      }) : m ? /* @__PURE__ */ s(
         "img",
         {
-          src: n,
-          alt: b,
+          src: m,
+          alt: c,
           width: 200,
           height: 200
         }
       ) : null,
-      o.itemText && (m == null ? void 0 : m({ blocks: o.itemText }))
+      i.itemText && (n == null ? void 0 : n({ blocks: i.itemText }))
     ] }, t);
   }) });
 }
-function wt({
+function pt({
   heading: l,
-  image: e,
+  image: b,
   items: _,
-  callToAction: m,
-  styleOptions: o,
+  callToAction: n,
+  styleOptions: i,
   renderRichText: t,
-  renderCallToAction: n,
-  renderImage: b
+  renderCallToAction: m,
+  renderImage: c
 }) {
-  const { mode: r } = q(), L = P(o), p = (o == null ? void 0 : o.layout) ?? "default", y = et[l.headingLayout ?? "vertical"], $ = mt[(o == null ? void 0 : o.orientation) ?? "orientationHorizontal"], M = ct[(o == null ? void 0 : o.theme) ?? "themeDefault"], B = v(e, r, "medium"), f = v(e, r, "large"), k = d(e, r, "Block image"), z = /* @__PURE__ */ c(g, { defaultIndex: 0, orientation: $, theme: M, children: [
-    /* @__PURE__ */ s(g.List, { children: _.map((i, N) => /* @__PURE__ */ s(g.Trigger, { index: N, children: i.title }, i.title)) }),
-    _.map((i, N) => {
+  const { mode: u } = J(), d = P(i), L = (i == null ? void 0 : i.layout) ?? "default", y = bt[l.headingLayout ?? "vertical"], $ = mt[(i == null ? void 0 : i.orientation) ?? "orientationHorizontal"], M = et[(i == null ? void 0 : i.theme) ?? "themeDefault"], B = v(b, u, "medium"), f = v(b, u, "large"), k = w(b, u, "Block image"), z = /* @__PURE__ */ e(g, { defaultIndex: 0, orientation: $, theme: M, children: [
+    /* @__PURE__ */ s(g.List, { children: _.map((o, N) => /* @__PURE__ */ s(g.Trigger, { index: N, children: o.title }, o.title)) }),
+    _.map((o, N) => {
       var E, V, h, D, G, C, S, j, F;
       const I = v(
-        (E = i.content) == null ? void 0 : E.tabImage,
-        r,
+        (E = o.content) == null ? void 0 : E.tabImage,
+        u,
         "medium"
-      ), H = d(
-        (V = i.content) == null ? void 0 : V.tabImage,
-        r,
+      ), H = w(
+        (V = o.content) == null ? void 0 : V.tabImage,
+        u,
         "Tab image"
-      ), w = (h = i.content) != null && h.tabLink ? Y(i.content.tabLink) : void 0, u = (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: N, children: /* @__PURE__ */ c(
+      ), p = (h = o.content) != null && h.tabLink ? q(o.content.tabLink) : void 0, r = (D = o.content) == null ? void 0 : D.tabLink, U = Array.isArray((G = o.content) == null ? void 0 : G.tabGridItem) ? o.content.tabGridItem : null;
+      return /* @__PURE__ */ s(g.Panel, { index: N, children: /* @__PURE__ */ e(
         "div",
         {
-          className: `${a.tabContent} ${bt[$]}`,
+          className: `${a.tabContent} ${ct[$]}`,
           children: [
-            I && /* @__PURE__ */ s("div", { className: a.tabImage, children: b ? b({
+            I && /* @__PURE__ */ s("div", { className: a.tabImage, children: c ? c({
               src: I,
               alt: H,
               width: 250,
@@ -119,47 +119,47 @@ function wt({
                 height: 250
               }
             ) }),
-            /* @__PURE__ */ c("div", { className: a.tabText, children: [
-              ((C = i.content) == null ? void 0 : C.tabText) && (t == null ? void 0 : t({ blocks: i.content.tabText })),
+            /* @__PURE__ */ e("div", { className: a.tabText, children: [
+              ((C = o.content) == null ? void 0 : C.tabText) && (t == null ? void 0 : t({ blocks: o.content.tabText })),
               U && /* @__PURE__ */ s(
-                ut,
+                rt,
                 {
                   items: U,
-                  mode: r,
-                  renderImage: b,
+                  mode: u,
+                  renderImage: c,
                   renderRichText: t
                 }
               ),
-              w && w !== "#" && u && /* @__PURE__ */ s(
-                A,
+              p && p !== "#" && r && /* @__PURE__ */ s(
+                Y,
                 {
                   as: "a",
-                  variant: u.variant ?? "primary",
-                  href: w,
-                  target: ((S = u.linkOptions) == null ? void 0 : S.linkType) === "external" ? "_blank" : "_self",
-                  rel: ((j = u.linkOptions) == null ? void 0 : j.linkType) === "external" ? "noopener noreferrer" : "",
-                  "aria-label": u.ariaLabel || u.label,
-                  children: u.label
+                  variant: r.variant ?? "primary",
+                  href: p,
+                  target: ((S = r.linkOptions) == null ? void 0 : S.linkType) === "external" ? "_blank" : "_self",
+                  rel: ((j = r.linkOptions) == null ? void 0 : j.linkType) === "external" ? "noopener noreferrer" : "",
+                  "aria-label": r.ariaLabel || r.label,
+                  children: r.label
                 }
               ),
-              ((F = i.content) == null ? void 0 : F.tabDisclaimer) && (t == null ? void 0 : t({ blocks: i.content.tabDisclaimer }))
+              ((F = o.content) == null ? void 0 : F.tabDisclaimer) && (t == null ? void 0 : t({ blocks: o.content.tabDisclaimer }))
             ] })
           ]
         }
-      ) }, i.title);
+      ) }, o.title);
     })
   ] });
-  return p === "default" ? /* @__PURE__ */ s("section", { className: `${a.tabs} ${a.default} ${L}`, children: /* @__PURE__ */ c("article", { className: a.container, children: [
+  return L === "default" ? /* @__PURE__ */ s("section", { className: `${a.tabs} ${a.default} ${d}`, children: /* @__PURE__ */ e("article", { className: a.container, children: [
     B && /* @__PURE__ */ s(
       _t,
       {
         src: B,
         alt: k,
-        renderImage: b
+        renderImage: c
       }
     ),
-    /* @__PURE__ */ c("div", { className: `${a.heading} ${y}`, children: [
-      /* @__PURE__ */ c("div", { children: [
+    /* @__PURE__ */ e("div", { className: `${a.heading} ${y}`, children: [
+      /* @__PURE__ */ e("div", { children: [
         l.eyebrow && (t == null ? void 0 : t({
           blocks: l.eyebrow,
           className: a.eyebrow
@@ -172,18 +172,20 @@ function wt({
       l.description && /* @__PURE__ */ s("div", { className: a.text, children: t == null ? void 0 : t({ blocks: l.description }) })
     ] }),
     /* @__PURE__ */ s("div", { className: a.tabsContainer, children: z }),
-    m && (n == null ? void 0 : n({
-      items: m.items,
-      alignment: m.alignment
+    n && (m == null ? void 0 : m({
+      items: n.items,
+      alignment: n.alignment,
+      spacing: n.spacing,
+      mobileOrientation: n.mobileOrientation
     })),
     l.disclaimer && (t == null ? void 0 : t({ blocks: l.disclaimer }))
-  ] }) }) : p === "full-bleed" ? /* @__PURE__ */ s(
+  ] }) }) : L === "full-bleed" ? /* @__PURE__ */ s(
     "section",
     {
       "data-overlay": "true",
-      className: `${a.tabs} ${a.fullBleed} ${L} tabsFullBleed`,
-      children: /* @__PURE__ */ c("article", { className: a.container, children: [
-        f && (b ? b({
+      className: `${a.tabs} ${a.fullBleed} ${d} tabsFullBleed`,
+      children: /* @__PURE__ */ e("article", { className: a.container, children: [
+        f && (c ? c({
           src: f,
           alt: k,
           fill: !0,
@@ -205,8 +207,8 @@ function wt({
             }
           }
         )),
-        /* @__PURE__ */ s("div", { className: a.overlay, children: /* @__PURE__ */ c("div", { className: `${a.heading} ${y}`, children: [
-          /* @__PURE__ */ c("div", { children: [
+        /* @__PURE__ */ s("div", { className: a.overlay, children: /* @__PURE__ */ e("div", { className: `${a.heading} ${y}`, children: [
+          /* @__PURE__ */ e("div", { children: [
             l.eyebrow && (t == null ? void 0 : t({
               blocks: l.eyebrow,
               className: a.eyebrow
@@ -218,9 +220,11 @@ function wt({
           ] }),
           l.description && (t == null ? void 0 : t({ blocks: l.description })),
           /* @__PURE__ */ s("div", { className: a.tabsContainer, children: z }),
-          m && (n == null ? void 0 : n({
-            items: m.items,
-            alignment: m.alignment
+          n && (m == null ? void 0 : m({
+            items: n.items,
+            alignment: n.alignment,
+            spacing: n.spacing,
+            mobileOrientation: n.mobileOrientation
           })),
           l.disclaimer && (t == null ? void 0 : t({ blocks: l.disclaimer }))
         ] }) })
@@ -229,5 +233,5 @@ function wt({
   ) : null;
 }
 export {
-  wt as TabsBlock
+  pt as TabsBlock
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),U=require("react"),B=require("next/image"),z=require("../../../core/components/ButtonGroup/index.cjs"),l=require("../../../index-D0ylyll7.cjs"),I=require("../../../core/components/Modal/index.cjs"),C=require("../../utils/resolveLinkUrl.cjs"),G=require("../../../core/context/ThemeContext.cjs"),H=require("../../hooks/useMediaQuery.cjs");function Q({items:r,alignment:M,spacing:R,className:P}){const[S,$]=U.useState([]),{mode:t}=G.useTheme(),g=H.useMediaQuery("(max-width: 767px)");return U.useEffect(()=>{if(!(r!=null&&r.length)||!C.resolveLinkURL)return;async function e(){const o=await Promise.all(r.map(a=>C.resolveLinkURL(a)));$(o)}e()},[r]),r!=null&&r.length?n.jsx(z.ButtonGroup,{className:P,alignment:M,spacing:R,children:r.slice(0,3).map((e,o)=>{var m,d,p,c,h,b,f,y,v,x,_,k,j,T,A,w,q,L;const a=S[o]??"#",i={};if(i.height="auto",((m=e.image)==null?void 0:m.layout)==="cover")i.objectFit="cover",(d=e.image)!=null&&d.position&&(i.objectPosition=g?"top":(p=e.image)==null?void 0:p.position);else if(((c=e.image)==null?void 0:c.layout)==="contain"){if(i.objectFit="contain",((h=e.image)==null?void 0:h.sizing)==="half"?i.width=g?"100%":"50%":((b=e.image)==null?void 0:b.sizing)==="inset"?(i.width="100%",i.maxWidth=e.image.maxWidth??"unset"):i.width="100%",(f=e.image)!=null&&f.aspectRatio){const[F,O]=(y=e.image)==null?void 0:y.aspectRatio.split(":").map(Number);i.aspectRatio=`${F}/${O}`}}else i.objectFit="none";let s;(v=e.image)!=null&&v.imageUrls&&(s=t==="dark"&&((x=e.image.imageUrls.dark)==null?void 0:x.medium)||e.image.imageUrls.default.medium);let u=((j=(k=(_=e.image)==null?void 0:_[t==="dark"?"darkImage":"defaultImage"])==null?void 0:k.asset)==null?void 0:j.altText)||((w=(A=(T=e.image)==null?void 0:T[t==="dark"?"darkImage":"defaultImage"])==null?void 0:A.asset)==null?void 0:w.description)||"Card image";switch(e.type){case"link":return n.jsx(l.Button,{as:"a",variant:e.variant,href:a,target:((q=e.linkOptions)==null?void 0:q.linkType)==="external"?"_blank":"_self",rel:((L=e.linkOptions)==null?void 0:L.linkType)==="external"?"noopener noreferrer":"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"scroll":return n.jsx(l.Button,{as:"scroll",variant:e.variant,scrollTarget:e.scrollTarget??"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"modal":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:e.modalContent},o);case"video":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:n.jsx("video",{src:e.videoUrl,controls:!0,autoPlay:!0})},o);case"download":return n.jsx(l.Button,{as:"a",variant:e.variant??"primary",href:a,download:!0,target:"_blank",rel:"noopener noreferrer","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",children:e.label},o)}})}):null}exports.CallToAction=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),U=require("react"),B=require("next/image"),G=require("../../../core/components/ButtonGroup/index.cjs"),l=require("../../../index-D0ylyll7.cjs"),I=require("../../../core/components/Modal/index.cjs"),C=require("../../utils/resolveLinkUrl.cjs"),H=require("../../../core/context/ThemeContext.cjs"),Q=require("../../hooks/useMediaQuery.cjs");function W({items:r,alignment:M,spacing:R,mobileOrientation:P="column",className:S}){const[$,F]=U.useState([]),{mode:t}=H.useTheme(),g=Q.useMediaQuery("(max-width: 767px)");return U.useEffect(()=>{if(!(r!=null&&r.length)||!C.resolveLinkURL)return;async function e(){const o=await Promise.all(r.map(a=>C.resolveLinkURL(a)));F(o)}e()},[r]),r!=null&&r.length?n.jsx(G.ButtonGroup,{className:S,alignment:M,spacing:R,mobileOrientation:P,children:r.slice(0,3).map((e,o)=>{var m,d,p,c,h,b,f,y,v,x,_,k,j,T,A,w,q,L;const a=$[o]??"#",i={};if(i.height="auto",((m=e.image)==null?void 0:m.layout)==="cover")i.objectFit="cover",(d=e.image)!=null&&d.position&&(i.objectPosition=g?"top":(p=e.image)==null?void 0:p.position);else if(((c=e.image)==null?void 0:c.layout)==="contain"){if(i.objectFit="contain",((h=e.image)==null?void 0:h.sizing)==="half"?i.width=g?"100%":"50%":((b=e.image)==null?void 0:b.sizing)==="inset"?(i.width="100%",i.maxWidth=e.image.maxWidth??"unset"):i.width="100%",(f=e.image)!=null&&f.aspectRatio){const[O,z]=(y=e.image)==null?void 0:y.aspectRatio.split(":").map(Number);i.aspectRatio=`${O}/${z}`}}else i.objectFit="none";let s;(v=e.image)!=null&&v.imageUrls&&(s=t==="dark"&&((x=e.image.imageUrls.dark)==null?void 0:x.medium)||e.image.imageUrls.default.medium);let u=((j=(k=(_=e.image)==null?void 0:_[t==="dark"?"darkImage":"defaultImage"])==null?void 0:k.asset)==null?void 0:j.altText)||((w=(A=(T=e.image)==null?void 0:T[t==="dark"?"darkImage":"defaultImage"])==null?void 0:A.asset)==null?void 0:w.description)||"Card image";switch(e.type){case"link":return n.jsx(l.Button,{as:"a",variant:e.variant,href:a,target:((q=e.linkOptions)==null?void 0:q.linkType)==="external"?"_blank":"_self",rel:((L=e.linkOptions)==null?void 0:L.linkType)==="external"?"noopener noreferrer":"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"scroll":return n.jsx(l.Button,{as:"scroll",variant:e.variant,scrollTarget:e.scrollTarget??"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",displayType:e.displayType,ImageComponent:n.jsx(B,{src:s??"",alt:u,width:600,height:658,priority:!1,style:i}),children:e.label},o);case"modal":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:e.modalContent},o);case"video":return n.jsx(I.Modal,{trigger:n.jsx(l.Button,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right","aria-label":e.ariaLabel||e.label,children:e.label}),content:n.jsx("video",{src:e.videoUrl,controls:!0,autoPlay:!0})},o);case"download":return n.jsx(l.Button,{as:"a",variant:e.variant??"primary",href:a,download:!0,target:"_blank",rel:"noopener noreferrer","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",children:e.label},o)}})}):null}exports.CallToAction=W;

package/dist/next/ui/CallToAction/index.mjs

@@ -1,156 +1,166 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as S, useEffect as W } from "react";
+import { useState as W, useEffect as $ } from "react";
 import C from "next/image";
-import { ButtonGroup as $ } from "../../../core/components/ButtonGroup/index.mjs";
+import { ButtonGroup as E } from "../../../core/components/ButtonGroup/index.mjs";
 import { B as a } from "../../../index-CnlJ2RgH.js";
 import { Modal as R } from "../../../core/components/Modal/index.mjs";
 import { resolveLinkURL as B } from "../../utils/resolveLinkUrl.mjs";
-import { useTheme as E } from "../../../core/context/ThemeContext.mjs";
-import { useMediaQuery as G } from "../../hooks/useMediaQuery.mjs";
-function Z({
+import { useTheme as G } from "../../../core/context/ThemeContext.mjs";
+import { useMediaQuery as N } from "../../hooks/useMediaQuery.mjs";
+function ee({
   items: n,
   alignment: F,
   spacing: M,
-  className: P
+  mobileOrientation: P = "column",
+  className: _
 }) {
-  const [_, z] = S([]), { mode: t } = E(), s = G("(max-width: 767px)");
-  return W(() => {
+  const [z, H] = W([]), { mode: t } = G(), s = N("(max-width: 767px)");
+  return $(() => {
     if (!(n != null && n.length) || !B) return;
     async function e() {
       const l = await Promise.all(
         n.map((o) => B(o))
       );
-      z(l);
+      H(l);
     }
     e();
-  }, [n]), n != null && n.length ? /* @__PURE__ */ r($, { className: P, alignment: F, spacing: M, children: n.slice(0, 3).map((e, l) => {
-    var p, d, u, f, h, b, y, v, c, k, A, T, w, I, L, U, j, x;
-    const o = _[l] ?? "#", i = {};
-    if (i.height = "auto", ((p = e.image) == null ? void 0 : p.layout) === "cover")
-      i.objectFit = "cover", (d = e.image) != null && d.position && (i.objectPosition = s ? "top" : (u = e.image) == null ? void 0 : u.position);
-    else if (((f = e.image) == null ? void 0 : f.layout) === "contain") {
-      if (i.objectFit = "contain", ((h = e.image) == null ? void 0 : h.sizing) === "half" ? i.width = s ? "100%" : "50%" : ((b = e.image) == null ? void 0 : b.sizing) === "inset" ? (i.width = "100%", i.maxWidth = e.image.maxWidth ?? "unset") : i.width = "100%", (y = e.image) != null && y.aspectRatio) {
-        const [H, O] = (v = e.image) == null ? void 0 : v.aspectRatio.split(":").map(Number);
-        i.aspectRatio = `${H}/${O}`;
-      }
-    } else
-      i.objectFit = "none";
-    let m;
-    (c = e.image) != null && c.imageUrls && (m = t === "dark" && ((k = e.image.imageUrls.dark) == null ? void 0 : k.medium) || e.image.imageUrls.default.medium);
-    let g = ((w = (T = (A = e.image) == null ? void 0 : A[t === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : T.asset) == null ? void 0 : w.altText) || ((U = (L = (I = e.image) == null ? void 0 : I[t === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : L.asset) == null ? void 0 : U.description) || "Card image";
-    switch (e.type) {
-      case "link":
-        return /* @__PURE__ */ r(
-          a,
-          {
-            as: "a",
-            variant: e.variant,
-            href: o,
-            target: ((j = e.linkOptions) == null ? void 0 : j.linkType) === "external" ? "_blank" : "_self",
-            rel: ((x = e.linkOptions) == null ? void 0 : x.linkType) === "external" ? "noopener noreferrer" : "",
-            "aria-label": e.ariaLabel || e.label,
-            icon: e.icon,
-            iconAlignment: e.iconAlignment ?? "right",
-            displayType: e.displayType,
-            ImageComponent: /* @__PURE__ */ r(
-              C,
-              {
-                src: m ?? "",
-                alt: g,
-                width: 600,
-                height: 658,
-                priority: !1,
-                style: i
-              }
-            ),
-            children: e.label
-          },
-          l
-        );
-      case "scroll":
-        return /* @__PURE__ */ r(
-          a,
-          {
-            as: "scroll",
-            variant: e.variant,
-            scrollTarget: e.scrollTarget ?? "",
-            "aria-label": e.ariaLabel || e.label,
-            icon: e.icon,
-            iconAlignment: e.iconAlignment ?? "right",
-            displayType: e.displayType,
-            ImageComponent: /* @__PURE__ */ r(
-              C,
-              {
-                src: m ?? "",
-                alt: g,
-                width: 600,
-                height: 658,
-                priority: !1,
-                style: i
-              }
-            ),
-            children: e.label
-          },
-          l
-        );
-      case "modal":
-        return /* @__PURE__ */ r(
-          R,
-          {
-            trigger: /* @__PURE__ */ r(
+  }, [n]), n != null && n.length ? /* @__PURE__ */ r(
+    E,
+    {
+      className: _,
+      alignment: F,
+      spacing: M,
+      mobileOrientation: P,
+      children: n.slice(0, 3).map((e, l) => {
+        var p, d, u, f, h, b, y, c, v, k, A, T, w, I, L, U, j, x;
+        const o = z[l] ?? "#", i = {};
+        if (i.height = "auto", ((p = e.image) == null ? void 0 : p.layout) === "cover")
+          i.objectFit = "cover", (d = e.image) != null && d.position && (i.objectPosition = s ? "top" : (u = e.image) == null ? void 0 : u.position);
+        else if (((f = e.image) == null ? void 0 : f.layout) === "contain") {
+          if (i.objectFit = "contain", ((h = e.image) == null ? void 0 : h.sizing) === "half" ? i.width = s ? "100%" : "50%" : ((b = e.image) == null ? void 0 : b.sizing) === "inset" ? (i.width = "100%", i.maxWidth = e.image.maxWidth ?? "unset") : i.width = "100%", (y = e.image) != null && y.aspectRatio) {
+            const [O, S] = (c = e.image) == null ? void 0 : c.aspectRatio.split(":").map(Number);
+            i.aspectRatio = `${O}/${S}`;
+          }
+        } else
+          i.objectFit = "none";
+        let m;
+        (v = e.image) != null && v.imageUrls && (m = t === "dark" && ((k = e.image.imageUrls.dark) == null ? void 0 : k.medium) || e.image.imageUrls.default.medium);
+        let g = ((w = (T = (A = e.image) == null ? void 0 : A[t === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : T.asset) == null ? void 0 : w.altText) || ((U = (L = (I = e.image) == null ? void 0 : I[t === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : L.asset) == null ? void 0 : U.description) || "Card image";
+        switch (e.type) {
+          case "link":
+            return /* @__PURE__ */ r(
               a,
               {
-                as: "button",
-                variant: e.variant ?? "primary",
+                as: "a",
+                variant: e.variant,
+                href: o,
+                target: ((j = e.linkOptions) == null ? void 0 : j.linkType) === "external" ? "_blank" : "_self",
+                rel: ((x = e.linkOptions) == null ? void 0 : x.linkType) === "external" ? "noopener noreferrer" : "",
+                "aria-label": e.ariaLabel || e.label,
                 icon: e.icon,
                 iconAlignment: e.iconAlignment ?? "right",
+                displayType: e.displayType,
+                ImageComponent: /* @__PURE__ */ r(
+                  C,
+                  {
+                    src: m ?? "",
+                    alt: g,
+                    width: 600,
+                    height: 658,
+                    priority: !1,
+                    style: i
+                  }
+                ),
+                children: e.label
+              },
+              l
+            );
+          case "scroll":
+            return /* @__PURE__ */ r(
+              a,
+              {
+                as: "scroll",
+                variant: e.variant,
+                scrollTarget: e.scrollTarget ?? "",
                 "aria-label": e.ariaLabel || e.label,
+                icon: e.icon,
+                iconAlignment: e.iconAlignment ?? "right",
+                displayType: e.displayType,
+                ImageComponent: /* @__PURE__ */ r(
+                  C,
+                  {
+                    src: m ?? "",
+                    alt: g,
+                    width: 600,
+                    height: 658,
+                    priority: !1,
+                    style: i
+                  }
+                ),
                 children: e.label
-              }
-            ),
-            content: e.modalContent
-          },
-          l
-        );
-      case "video":
-        return /* @__PURE__ */ r(
-          R,
-          {
-            trigger: /* @__PURE__ */ r(
+              },
+              l
+            );
+          case "modal":
+            return /* @__PURE__ */ r(
+              R,
+              {
+                trigger: /* @__PURE__ */ r(
+                  a,
+                  {
+                    as: "button",
+                    variant: e.variant ?? "primary",
+                    icon: e.icon,
+                    iconAlignment: e.iconAlignment ?? "right",
+                    "aria-label": e.ariaLabel || e.label,
+                    children: e.label
+                  }
+                ),
+                content: e.modalContent
+              },
+              l
+            );
+          case "video":
+            return /* @__PURE__ */ r(
+              R,
+              {
+                trigger: /* @__PURE__ */ r(
+                  a,
+                  {
+                    as: "button",
+                    variant: e.variant ?? "primary",
+                    icon: e.icon,
+                    iconAlignment: e.iconAlignment ?? "right",
+                    "aria-label": e.ariaLabel || e.label,
+                    children: e.label
+                  }
+                ),
+                content: /* @__PURE__ */ r("video", { src: e.videoUrl, controls: !0, autoPlay: !0 })
+              },
+              l
+            );
+          case "download":
+            return /* @__PURE__ */ r(
               a,
               {
-                as: "button",
+                as: "a",
                 variant: e.variant ?? "primary",
+                href: o,
+                download: !0,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                "aria-label": e.ariaLabel || e.label,
                 icon: e.icon,
                 iconAlignment: e.iconAlignment ?? "right",
-                "aria-label": e.ariaLabel || e.label,
                 children: e.label
-              }
-            ),
-            content: /* @__PURE__ */ r("video", { src: e.videoUrl, controls: !0, autoPlay: !0 })
-          },
-          l
-        );
-      case "download":
-        return /* @__PURE__ */ r(
-          a,
-          {
-            as: "a",
-            variant: e.variant ?? "primary",
-            href: o,
-            download: !0,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            "aria-label": e.ariaLabel || e.label,
-            icon: e.icon,
-            iconAlignment: e.iconAlignment ?? "right",
-            children: e.label
-          },
-          l
-        );
+              },
+              l
+            );
+        }
+      })
     }
-  }) }) : null;
+  ) : null;
 }
 export {
-  Z as CallToAction
+  ee as CallToAction
 };

package/dist/next/utils/blockRenderers.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("../ui/PortableTextRenderer/index.cjs"),l=require("../ui/CallToAction/index.cjs");function o(e){return e.flatMap(r=>r.children??[]).map(r=>r.text??"").join("")}function x({blocks:e,className:r,textOverride:n,animateText:t}){return e!=null&&e.length?i.jsx(u.RichText,{blocks:e,className:r,textOverride:n,animateText:t}):null}function c({alignment:e,spacing:r,items:n,className:t}){return n!=null&&n.length?i.jsx(l.CallToAction,{alignment:e,items:n,className:t,spacing:r}):null}exports.extractText=o;exports.renderCallToAction=c;exports.renderRichText=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("../ui/PortableTextRenderer/index.cjs"),o=require("../ui/CallToAction/index.cjs");function x(e){return e.flatMap(r=>r.children??[]).map(r=>r.text??"").join("")}function c({blocks:e,className:r,textOverride:t,animateText:n}){return e!=null&&e.length?i.jsx(l.RichText,{blocks:e,className:r,textOverride:t,animateText:n}):null}function a({alignment:e,spacing:r,mobileOrientation:t,items:n,className:u}){return n!=null&&n.length?i.jsx(o.CallToAction,{alignment:e,items:n,className:u,spacing:r,mobileOrientation:t}):null}exports.extractText=x;exports.renderCallToAction=a;exports.renderRichText=c;

package/dist/next/utils/blockRenderers.mjs

@@ -1,43 +1,45 @@
 import { jsx as o } from "react/jsx-runtime";
-import { RichText as u } from "../ui/PortableTextRenderer/index.mjs";
-import { CallToAction as f } from "../ui/CallToAction/index.mjs";
-function a(r) {
+import { RichText as f } from "../ui/PortableTextRenderer/index.mjs";
+import { CallToAction as i } from "../ui/CallToAction/index.mjs";
+function p(r) {
   return r.flatMap((n) => n.children ?? []).map((n) => n.text ?? "").join("");
 }
-function p({
+function h({
   blocks: r,
   className: n,
-  textOverride: t,
-  animateText: e
+  textOverride: e,
+  animateText: t
 }) {
   return r != null && r.length ? /* @__PURE__ */ o(
-    u,
+    f,
     {
       blocks: r,
       className: n,
-      textOverride: t,
-      animateText: e
+      textOverride: e,
+      animateText: t
     }
   ) : null;
 }
-function h({
+function T({
   alignment: r,
   spacing: n,
+  mobileOrientation: e,
   items: t,
-  className: e
+  className: u
 }) {
   return t != null && t.length ? /* @__PURE__ */ o(
-    f,
+    i,
     {
       alignment: r,
       items: t,
-      className: e,
-      spacing: n
+      className: u,
+      spacing: n,
+      mobileOrientation: e
     }
   ) : null;
 }
 export {
-  a as extractText,
-  h as renderCallToAction,
-  p as renderRichText
+  p as extractText,
+  T as renderCallToAction,
+  h as renderRichText
 };

package/dist/next.d.ts

@@ -244,7 +244,7 @@ export { QuoteBlockProps }
  * <HeroBlock {...section} renderCallToAction={renderCallToAction} />
  * <ContentBlock {...section} renderCallToAction={renderCallToAction} />
  */
-export declare function renderCallToAction({ alignment, spacing, items, className, }: RenderCallToActionProps_2): default_2.ReactElement | null;
+export declare function renderCallToAction({ alignment, spacing, mobileOrientation, items, className, }: RenderCallToActionProps_2): default_2.ReactElement | null;
 
 /**
  * Drop-in `renderRichText` prop for all QuirkUI blocks.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.1.69",
+  "version": "0.1.71",
   "type": "module",
   "exports": {
     ".": {