quirk-ui 0.0.515 → 0.0.516

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index4.css');const t=require("react/jsx-runtime"),J=require("react"),X=require("../../hooks/useStyleClasses.cjs"),Y=require("../../../index-BN6814Bi.cjs"),h=require("../../../core/components/Tabs/index.cjs"),l=require("../../ui/PortableTextRenderer/index.cjs"),v=require("../../ui/CallToActions/index.cjs"),u=require("next/image"),Z=require("../../utils/resolveLinkUrl.cjs"),A="_tabs_1x4bo_1",O="_container_1x4bo_7",tt="_heading_1x4bo_25",et="_text_1x4bo_32",at="_headingHorizontal_1x4bo_46",st="_title_1x4bo_54",nt="_headingVertical_1x4bo_64",rt="_tabContent_1x4bo_74",lt="_vertical_1x4bo_97",ct="_tabsContainer_1x4bo_69",it="_tabImage_1x4bo_112",ot="_tabText_1x4bo_120",xt="_gridItems_1x4bo_141",bt="_gridItem_1x4bo_141",dt="_fullBleed_1x4bo_179",_t="_overlay_1x4bo_206",e={tabs:A,container:O,heading:tt,text:et,headingHorizontal:at,title:st,headingVertical:nt,tabContent:rt,vertical:lt,tabsContainer:ct,tabImage:it,tabText:ot,gridItems:xt,gridItem:bt,default:"_default_1x4bo_164",fullBleed:dt,overlay:_t};function ht({heading:s,image:n,items:_,callToAction:c,styleOptions:r}){const[j,K]=J.useState([]);J.useEffect(()=>{async function a(){const i=await Promise.all(_.map(o=>{var x,b;return(x=o==null?void 0:o.content)!=null&&x.tabLink?Z.resolveLinkURL((b=o==null?void 0:o.content)==null?void 0:b.tabLink):void 0}));K(i)}a()},[_]);const m=X.useStyleClasses(r),k=(r==null?void 0:r.layout)??"default",T={horizontal:e.headingHorizontal,vertical:e.headingVertical}[s.headingLayout??"horizontal"],N={default:e.default,"full-bleed":e.fullBleed}[(r==null?void 0:r.layout)??"default"],C={orientationHorizontal:"horizontal",orientationVertical:"vertical"}[(r==null?void 0:r.orientation)??"orientationHorizontal"],Q={themeDefault:"default",themeLight:"light",themeDark:"dark",themeTransparent:"transparent"}[(r==null?void 0:r.theme)??"themeDefault"],I=()=>n&&n.imageUrl?t.jsx("div",{children:t.jsx(u,{src:n.imageUrl,alt:(n==null?void 0:n.asset.altText)||(n==null?void 0:n.asset.description)||"Tabs image",width:600,height:658,priority:!0})}):null,f=t.jsxs(h.Tabs,{defaultIndex:0,orientation:C,theme:Q,children:[t.jsx(h.Tabs.List,{children:_.map((a,i)=>t.jsx(h.Tabs.Trigger,{index:i,children:a.title},a.title))}),_.map((a,i)=>{var o,x,b,L,$,R,p,g,U,q,z,B,w,V,H,y,D,M,S,G,P,E;return t.jsx(h.Tabs.Panel,{index:i,children:t.jsxs("div",{className:`${e.tabContent} ${e[C]}`,children:[((x=(o=a.content)==null?void 0:o.tabImage)==null?void 0:x.imageUrl)&&t.jsx("div",{className:e.tabImage,children:t.jsx(u,{src:(b=a.content)==null?void 0:b.tabImage.imageUrl,alt:((L=a.content)==null?void 0:L.tabImage.asset.altText)||"Tab item image",width:250,height:250})}),t.jsxs("div",{className:e.tabText,children:[(($=a.content)==null?void 0:$.tabText)&&t.jsx(l.RichText,{blocks:a.content.tabText}),((R=a.content)==null?void 0:R.tabGridItem)&&Array.isArray((p=a.content)==null?void 0:p.tabGridItem)&&t.jsx("div",{className:e.gridItems,children:a.content.tabGridItem.map((d,W)=>{var F;return t.jsxs("div",{className:e.gridItem,children:[((F=d.itemImage)==null?void 0:F.imageUrl)&&t.jsx(u,{src:d.itemImage.imageUrl,alt:d.itemImage.asset.altText||"Grid item image",width:200,height:200}),d.itemText&&t.jsx(l.RichText,{blocks:d.itemText})]},W)})}),j[i]&&j[i]!=="#"&&t.jsx(Y.CallToAction,{as:"a",variant:((U=(g=a.content)==null?void 0:g.tabLink)==null?void 0:U.variant)??"primary",href:j[i]??"#",target:((B=(z=(q=a.content)==null?void 0:q.tabLink)==null?void 0:z.linkOptions)==null?void 0:B.linkType)==="external"?"_blank":"_self",rel:((H=(V=(w=a.content)==null?void 0:w.tabLink)==null?void 0:V.linkOptions)==null?void 0:H.linkType)==="external"?"noopener noreferrer":"","aria-label":((D=(y=a.content)==null?void 0:y.tabLink)==null?void 0:D.ariaLabel)||((S=(M=a.content)==null?void 0:M.tabLink)==null?void 0:S.label),children:(P=(G=a.content)==null?void 0:G.tabLink)==null?void 0:P.label},i),((E=a.content)==null?void 0:E.tabDisclaimer)&&t.jsx(l.RichText,{blocks:a.content.tabDisclaimer})]})]},i)},a.title)})]});if(k==="split")return t.jsx("section",{className:`${e.tabs} ${m}`,children:t.jsxs("article",{className:e.container,children:[t.jsxs("div",{className:`${e.heading} ${T}`,children:[t.jsxs("div",{children:[s.eyebrow&&t.jsx(l.RichText,{blocks:s.eyebrow}),t.jsx(l.RichText,{className:e.title,blocks:s.title})]}),s.description&&t.jsx(l.RichText,{blocks:s.description}),c&&t.jsx(v.CallToActions,{items:c.items,alignment:c.alignment}),s.disclaimer&&t.jsx(l.RichText,{blocks:s.disclaimer}),t.jsx("div",{className:e.tabsContainer,children:f})]}),I()]})});if(k==="default")return t.jsx("section",{className:`${e.tabs} ${N} ${m}`,children:t.jsxs("article",{className:e.container,children:[I(),t.jsxs("div",{className:`${e.heading} ${T}`,children:[t.jsx(l.RichText,{className:e.title,blocks:s.title}),((s==null?void 0:s.description)||(c==null?void 0:c.items))&&t.jsx("div",{className:e.text,children:s.description&&t.jsx(l.RichText,{blocks:s.description})})]}),t.jsx("div",{className:e.tabsContainer,children:f}),c&&t.jsx(v.CallToActions,{items:c.items,alignment:c.alignment}),s.disclaimer&&t.jsx(l.RichText,{blocks:s.disclaimer})]})});if(k==="full-bleed")return t.jsx("section",{className:`${e.tabs} ${N} ${m} tabsFullBleed`,children:t.jsxs("article",{className:e.container,children:[(n==null?void 0:n.imageUrl)&&t.jsx(u,{src:n.imageUrl??"",alt:(n==null?void 0:n.asset.altText)||(n==null?void 0:n.asset.description)||"Card image",fill:!0,priority:!0,draggable:!1,sizes:"(max-width: 767px) 650px, 1200px"}),t.jsxs("div",{className:e.overlay,children:[t.jsxs("div",{className:`${e.heading} ${T}`,children:[t.jsx(l.RichText,{className:e.title,blocks:s.title}),s.description&&t.jsx(l.RichText,{blocks:s.description}),t.jsx("div",{className:e.tabsContainer,children:f})]}),c&&t.jsx(v.CallToActions,{items:c.items,alignment:c.alignment}),s.disclaimer&&t.jsx(l.RichText,{blocks:s.disclaimer})]})]})})}exports.TabsBlock=ht;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index4.css');const t=require("react/jsx-runtime"),J=require("react"),X=require("../../hooks/useStyleClasses.cjs"),Y=require("../../../index-BN6814Bi.cjs"),h=require("../../../core/components/Tabs/index.cjs"),l=require("../../ui/PortableTextRenderer/index.cjs"),f=require("../../ui/CallToActions/index.cjs"),u=require("next/image"),Z=require("../../utils/resolveLinkUrl.cjs"),A="_tabs_1x4bo_1",O="_container_1x4bo_7",tt="_heading_1x4bo_25",et="_text_1x4bo_32",st="_headingHorizontal_1x4bo_46",at="_title_1x4bo_54",nt="_headingVertical_1x4bo_64",rt="_tabContent_1x4bo_74",lt="_vertical_1x4bo_97",ct="_tabsContainer_1x4bo_69",it="_tabImage_1x4bo_112",ot="_tabText_1x4bo_120",xt="_gridItems_1x4bo_141",bt="_gridItem_1x4bo_141",dt="_fullBleed_1x4bo_179",_t="_overlay_1x4bo_206",e={tabs:A,container:O,heading:tt,text:et,headingHorizontal:st,title:at,headingVertical:nt,tabContent:rt,vertical:lt,tabsContainer:ct,tabImage:it,tabText:ot,gridItems:xt,gridItem:bt,default:"_default_1x4bo_164",fullBleed:dt,overlay:_t};function ht({heading:a,image:n,items:_,callToAction:c,styleOptions:r}){const[j,K]=J.useState([]);J.useEffect(()=>{async function s(){const i=await Promise.all(_.map(o=>{var x,b;return(x=o==null?void 0:o.content)!=null&&x.tabLink?Z.resolveLinkURL((b=o==null?void 0:o.content)==null?void 0:b.tabLink):void 0}));K(i)}s()},[_]);const m=X.useStyleClasses(r),k=(r==null?void 0:r.layout)??"default",T={horizontal:e.headingHorizontal,vertical:e.headingVertical}[a.headingLayout??"horizontal"],N={default:e.default,"full-bleed":e.fullBleed}[(r==null?void 0:r.layout)??"default"],C={orientationHorizontal:"horizontal",orientationVertical:"vertical"}[(r==null?void 0:r.orientation)??"orientationHorizontal"],Q={themeDefault:"default",themeLight:"light",themeDark:"dark",themeTransparent:"transparent"}[(r==null?void 0:r.theme)??"themeDefault"],I=()=>n&&n.imageUrl?t.jsx("div",{children:t.jsx(u,{src:n.imageUrl,alt:(n==null?void 0:n.asset.altText)||(n==null?void 0:n.asset.description)||"Tabs image",width:600,height:658,priority:!0})}):null,v=t.jsxs(h.Tabs,{defaultIndex:0,orientation:C,theme:Q,children:[t.jsx(h.Tabs.List,{children:_.map((s,i)=>t.jsx(h.Tabs.Trigger,{index:i,children:s.title},s.title))}),_.map((s,i)=>{var o,x,b,L,$,R,p,g,U,q,z,B,w,V,y,H,D,M,S,G,P,F;return t.jsx(h.Tabs.Panel,{index:i,children:t.jsxs("div",{className:`${e.tabContent} ${e[C]}`,children:[((x=(o=s.content)==null?void 0:o.tabImage)==null?void 0:x.imageUrl)&&t.jsx("div",{className:e.tabImage,children:t.jsx(u,{src:(b=s.content)==null?void 0:b.tabImage.imageUrl,alt:((L=s.content)==null?void 0:L.tabImage.asset.altText)||"Tab item image",width:250,height:250})}),t.jsxs("div",{className:e.tabText,children:[(($=s.content)==null?void 0:$.tabText)&&t.jsx(l.RichText,{blocks:s.content.tabText}),((R=s.content)==null?void 0:R.tabGridItem)&&Array.isArray((p=s.content)==null?void 0:p.tabGridItem)&&t.jsx("div",{className:e.gridItems,children:s.content.tabGridItem.map((d,W)=>{var E;return t.jsxs("div",{className:e.gridItem,children:[((E=d.itemImage)==null?void 0:E.imageUrl)&&t.jsx(u,{src:d.itemImage.imageUrl,alt:d.itemImage.asset.altText||"Grid item image",width:200,height:200}),d.itemText&&t.jsx(l.RichText,{blocks:d.itemText})]},W)})}),j[i]&&j[i]!=="#"&&t.jsx(Y.CallToAction,{as:"a",variant:((U=(g=s.content)==null?void 0:g.tabLink)==null?void 0:U.variant)??"primary",href:j[i]??"#",target:((B=(z=(q=s.content)==null?void 0:q.tabLink)==null?void 0:z.linkOptions)==null?void 0:B.linkType)==="external"?"_blank":"_self",rel:((y=(V=(w=s.content)==null?void 0:w.tabLink)==null?void 0:V.linkOptions)==null?void 0:y.linkType)==="external"?"noopener noreferrer":"","aria-label":((D=(H=s.content)==null?void 0:H.tabLink)==null?void 0:D.ariaLabel)||((S=(M=s.content)==null?void 0:M.tabLink)==null?void 0:S.label),children:(P=(G=s.content)==null?void 0:G.tabLink)==null?void 0:P.label},i),((F=s.content)==null?void 0:F.tabDisclaimer)&&t.jsx(l.RichText,{blocks:s.content.tabDisclaimer})]})]},i)},s.title)})]});if(k==="split")return t.jsx("section",{className:`${e.tabs} ${m}`,children:t.jsxs("article",{className:e.container,children:[t.jsxs("div",{className:`${e.heading} ${T}`,children:[t.jsxs("div",{children:[a.eyebrow&&t.jsx(l.RichText,{blocks:a.eyebrow}),t.jsx(l.RichText,{className:e.title,blocks:a.title})]}),a.description&&t.jsx(l.RichText,{blocks:a.description}),c&&t.jsx(f.CallToActions,{items:c.items,alignment:c.alignment}),a.disclaimer&&t.jsx(l.RichText,{blocks:a.disclaimer}),t.jsx("div",{className:e.tabsContainer,children:v})]}),I()]})});if(k==="default")return t.jsx("section",{className:`${e.tabs} ${N} ${m}`,children:t.jsxs("article",{className:e.container,children:[I(),t.jsxs("div",{className:`${e.heading} ${T}`,children:[t.jsx(l.RichText,{className:e.title,blocks:a.title}),((a==null?void 0:a.description)||(c==null?void 0:c.items))&&t.jsx("div",{className:e.text,children:a.description&&t.jsx(l.RichText,{blocks:a.description})})]}),t.jsx("div",{className:e.tabsContainer,children:v}),c&&t.jsx(f.CallToActions,{items:c.items,alignment:c.alignment}),a.disclaimer&&t.jsx(l.RichText,{blocks:a.disclaimer})]})});if(k==="full-bleed")return t.jsx("section",{className:`${e.tabs} ${N} ${m} tabsFullBleed`,children:t.jsxs("article",{className:e.container,children:[(n==null?void 0:n.imageUrl)&&t.jsx(u,{src:n.imageUrl??"",alt:(n==null?void 0:n.asset.altText)||(n==null?void 0:n.asset.description)||"Card image",fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}),t.jsxs("div",{className:e.overlay,children:[t.jsxs("div",{className:`${e.heading} ${T}`,children:[t.jsx(l.RichText,{className:e.title,blocks:a.title}),a.description&&t.jsx(l.RichText,{blocks:a.description}),t.jsx("div",{className:e.tabsContainer,children:v})]}),c&&t.jsx(f.CallToActions,{items:c.items,alignment:c.alignment}),a.disclaimer&&t.jsx(l.RichText,{blocks:a.disclaimer})]})]})})}exports.TabsBlock=ht;

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

@@ -75,7 +75,7 @@ function Ut({
   ) }) : null, p = /* @__PURE__ */ i(x, { defaultIndex: 0, orientation: L, theme: Q, children: [
     /* @__PURE__ */ t(x.List, { children: h.map((a, c) => /* @__PURE__ */ t(x.Trigger, { index: c, children: a.title }, a.title)) }),
     h.map((a, c) => {
-      var b, d, m, T, U, g, z, B, w, V, H, D, G, M, j, y, P, R, S, E, F, q;
+      var b, d, m, T, U, g, z, B, w, V, H, D, G, M, j, y, F, P, R, S, E, q;
       return /* @__PURE__ */ t(x.Panel, { index: c, children: /* @__PURE__ */ i(
         "div",
         {
@@ -115,8 +115,8 @@ function Ut({
                   href: u[c] ?? "#",
                   target: ((D = (H = (V = a.content) == null ? void 0 : V.tabLink) == null ? void 0 : H.linkOptions) == null ? void 0 : D.linkType) === "external" ? "_blank" : "_self",
                   rel: ((j = (M = (G = a.content) == null ? void 0 : G.tabLink) == null ? void 0 : M.linkOptions) == null ? void 0 : j.linkType) === "external" ? "noopener noreferrer" : "",
-                  "aria-label": ((P = (y = a.content) == null ? void 0 : y.tabLink) == null ? void 0 : P.ariaLabel) || ((S = (R = a.content) == null ? void 0 : R.tabLink) == null ? void 0 : S.label),
-                  children: (F = (E = a.content) == null ? void 0 : E.tabLink) == null ? void 0 : F.label
+                  "aria-label": ((F = (y = a.content) == null ? void 0 : y.tabLink) == null ? void 0 : F.ariaLabel) || ((R = (P = a.content) == null ? void 0 : P.tabLink) == null ? void 0 : R.label),
+                  children: (E = (S = a.content) == null ? void 0 : S.tabLink) == null ? void 0 : E.label
                 },
                 c
               ),
@@ -178,8 +178,9 @@ function Ut({
               alt: (n == null ? void 0 : n.asset.altText) || (n == null ? void 0 : n.asset.description) || "Card image",
               fill: !0,
               priority: !0,
+              style: { objectFit: "cover" },
               draggable: !1,
-              sizes: "(max-width: 767px) 650px, 1200px"
+              sizes: "(max-width: 767px) 600px, 1200px"
             }
           ),
           /* @__PURE__ */ i("div", { className: e.overlay, children: [

package/package.json

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