quirk-ui 0.1.70 → 0.1.71

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/package.json

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