quirk-ui 0.1.126 → 0.1.127

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index33.css');const _=require("react/jsx-runtime"),o=require("react"),R=require("./Context.cjs"),B="_tabs_1g6a3_1",K="_tabsList_1g6a3_7",O="_horizontal_1g6a3_24",U="_tabsPanel_1g6a3_26",X="_vertical_1g6a3_31",Y="_tabsTrigger_1g6a3_42",F="_tabsPanelWrapper_1g6a3_47",G="_indicator_1g6a3_70",J="_active_1g6a3_119",Q="_disabled_1g6a3_123",V="_dark_1g6a3_177",Z="_light_1g6a3_189",tt="_transparent_1g6a3_213",n={tabs:B,tabsList:K,horizontal:O,tabsPanel:U,vertical:X,tabsTrigger:Y,tabsPanelWrapper:F,indicator:G,active:J,disabled:Q,default:"_default_1g6a3_173",dark:V,light:Z,transparent:tt},D={horizontal:n.horizontal,vertical:n.vertical},N={default:n.default,light:n.light,dark:n.dark,transparent:n.transparent};function L({children:g,defaultIndex:a=0,activeIndex:r,onIndexChange:l,orientation:c="horizontal",theme:f="default",className:h,style:v}){const[p,x]=o.useState(a),y=r!==void 0,s=y?r:p,[i,$]=o.useState({width:0,left:0,top:0,height:0}),w=typeof window<"u",T=w?o.useLayoutEffect:o.useEffect,m=o.useId(),P=[],t=[],I=new Set,j=o.useRef(null),A=o.useRef([]),M=o.useRef([]),S=o.useCallback(e=>{I.has(e)||(y||x(e),l==null||l(e))},[y,l,I]),q=o.useMemo(()=>({activeIndex:s,setActiveIndex:S,idPrefix:m,orientation:c,theme:f,panelRefs:A,triggerRefs:M,indicatorStyle:i,disabledIndices:I}),[s,S,m,c,f,i]);o.Children.forEach(g,e=>{var u;(e==null?void 0:e.type)===H?P.push(e):((e==null?void 0:e.type)===W||((u=e==null?void 0:e.type)==null?void 0:u.name)==="Panel")&&t.push(e)});const k=o.useCallback(()=>{var u;const e=M.current[s];if(e){const b=e.getBoundingClientRect(),d=(u=e.parentElement)==null?void 0:u.getBoundingClientRect();if(!d)return;if(window.innerWidth<768||c==="vertical"){const z=b.top-d.top,E=b.height;$({top:z,height:E,left:0,width:d.width})}else{const z=b.left-d.left,E=b.width;$({left:z,width:E,top:0,height:d.height})}}},[s,c]);return T(()=>{if(!(typeof window>"u")&&w)return k(),window.addEventListener("resize",k),()=>{window.removeEventListener("resize",k)}},[k,w]),o.useLayoutEffect(()=>{const e=j.current,u=A.current[s];if(!e||!u)return;const b=()=>{const C=u.offsetHeight;e.offsetHeight,e.style.height=`${C}px`};b();const d=new ResizeObserver(b);return d.observe(u),()=>{d.disconnect()}},[s]),_.jsx(R.TabsContext.Provider,{value:q,children:_.jsxs("div",{className:`${n.tabs} ${D[c]} ${N[f]} ${h??""}`.trim(),style:v,children:[P,_.jsx("div",{ref:j,className:n.tabsPanelWrapper,children:t})]})})}function H({children:g,className:a}){const{indicatorStyle:r}=R.useTabsContext();return _.jsxs("div",{className:`${n.tabsList} ${a??""}`.trim(),role:"tablist","aria-label":"Tabs",children:[_.jsx("div",{className:n.indicator,style:{width:r.width,height:r.height,transform:`translateX(${r.left}px) translateY(${r.top}px)`}}),g]})}function et({children:g,index:a,disabled:r=!1,className:l}){const{activeIndex:c,setActiveIndex:f,idPrefix:h,triggerRefs:v,disabledIndices:p}=R.useTabsContext();r&&p.add(a);const x=s=>{var w,T,m,P;const i=v.current.filter(Boolean),$=i.findIndex(t=>t===s.currentTarget);if(s.key==="ArrowRight"||s.key==="ArrowDown"){s.preventDefault();let t=$+1;for(;t<i.length&&p.has(t);)t++;t<i.length&&(f(t),(w=i[t])==null||w.focus())}else if(s.key==="ArrowLeft"||s.key==="ArrowUp"){s.preventDefault();let t=$-1;for(;t>=0&&p.has(t);)t--;t>=0&&(f(t),(T=i[t])==null||T.focus())}else if(s.key==="Home"){s.preventDefault();let t=0;for(;t<i.length&&p.has(t);)t++;t<i.length&&(f(t),(m=i[t])==null||m.focus())}else if(s.key==="End"){s.preventDefault();let t=i.length-1;for(;t>=0&&p.has(t);)t--;t>=0&&(f(t),(P=i[t])==null||P.focus())}},y=c===a;return _.jsx("button",{className:`${n.tabsTrigger} ${y?n.active:""} ${r?n.disabled:""} ${l??""}`.trim(),role:"tab",ref:s=>{v.current[a]=s},id:`${h}-tab-${a}`,"aria-selected":c===a,"aria-disabled":r,tabIndex:c===a?0:-1,onClick:()=>!r&&f(a),onKeyDown:x,disabled:r,children:g})}function W({children:g,index:a,className:r}){const{activeIndex:l,idPrefix:c,panelRefs:f}=R.useTabsContext(),h=a===l;return _.jsx("div",{ref:v=>{f.current[a]=v},className:`${n.tabsPanel} ${r??""}`.trim(),role:"tabpanel",id:`${c}-panel-${a}`,"aria-labelledby":`${c}-tab-${a}`,"aria-hidden":!h,hidden:!h,children:g})}L.List=H;L.Trigger=et;L.Panel=W;exports.Tabs=L;exports.orientationClassMap=D;exports.themeClassMap=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index33.css');const w=require("react/jsx-runtime"),o=require("react"),R=require("./Context.cjs"),B="_tabs_1evwt_1",K="_tabsList_1evwt_7",O="_horizontal_1evwt_24",U="_tabsPanel_1evwt_26",X="_vertical_1evwt_31",Y="_tabsTrigger_1evwt_42",F="_tabsPanelWrapper_1evwt_47",G="_indicator_1evwt_70",J="_active_1evwt_119",Q="_disabled_1evwt_123",V="_dark_1evwt_177",Z="_light_1evwt_189",tt="_transparent_1evwt_213",n={tabs:B,tabsList:K,horizontal:O,tabsPanel:U,vertical:X,tabsTrigger:Y,tabsPanelWrapper:F,indicator:G,active:J,disabled:Q,default:"_default_1evwt_173",dark:V,light:Z,transparent:tt},D={horizontal:n.horizontal,vertical:n.vertical},N={default:n.default,light:n.light,dark:n.dark,transparent:n.transparent};function L({children:p,defaultIndex:r=0,activeIndex:a,onIndexChange:l,orientation:c="horizontal",theme:f="default",className:_,style:g}){const[v,x]=o.useState(r),y=a!==void 0,s=y?a:v,[i,$]=o.useState({width:0,left:0,top:0,height:0}),h=typeof window<"u",T=h?o.useLayoutEffect:o.useEffect,m=o.useId(),P=[],t=[],I=new Set,j=o.useRef(null),A=o.useRef([]),M=o.useRef([]),S=o.useCallback(e=>{I.has(e)||(y||x(e),l==null||l(e))},[y,l,I]),q=o.useMemo(()=>({activeIndex:s,setActiveIndex:S,idPrefix:m,orientation:c,theme:f,panelRefs:A,triggerRefs:M,indicatorStyle:i,disabledIndices:I}),[s,S,m,c,f,i]);o.Children.forEach(p,e=>{var u;(e==null?void 0:e.type)===H?P.push(e):((e==null?void 0:e.type)===W||((u=e==null?void 0:e.type)==null?void 0:u.name)==="Panel")&&t.push(e)});const k=o.useCallback(()=>{var u;const e=M.current[s];if(e){const b=e.getBoundingClientRect(),d=(u=e.parentElement)==null?void 0:u.getBoundingClientRect();if(!d)return;if(window.innerWidth<768||c==="vertical"){const z=b.top-d.top,E=b.height;$({top:z,height:E,left:0,width:d.width})}else{const z=b.left-d.left,E=b.width;$({left:z,width:E,top:0,height:d.height})}}},[s,c]);return T(()=>{if(!(typeof window>"u")&&h)return k(),window.addEventListener("resize",k),()=>{window.removeEventListener("resize",k)}},[k,h]),o.useLayoutEffect(()=>{const e=j.current,u=A.current[s];if(!e||!u)return;const b=()=>{const C=u.offsetHeight;e.offsetHeight,e.style.height=`${C}px`};b();const d=new ResizeObserver(b);return d.observe(u),()=>{d.disconnect()}},[s]),w.jsx(R.TabsContext.Provider,{value:q,children:w.jsxs("div",{className:`${n.tabs} ${D[c]} ${N[f]} ${_??""}`.trim(),style:g,children:[P,w.jsx("div",{ref:j,className:n.tabsPanelWrapper,children:t})]})})}function H({children:p,className:r}){const{indicatorStyle:a}=R.useTabsContext();return w.jsxs("div",{className:`${n.tabsList} ${r??""}`.trim(),role:"tablist","aria-label":"Tabs",children:[w.jsx("div",{className:n.indicator,style:{width:a.width,height:a.height,transform:`translateX(${a.left}px) translateY(${a.top}px)`}}),p]})}function et({children:p,index:r,disabled:a=!1,className:l}){const{activeIndex:c,setActiveIndex:f,idPrefix:_,triggerRefs:g,disabledIndices:v}=R.useTabsContext();a&&v.add(r);const x=s=>{var h,T,m,P;const i=g.current.filter(Boolean),$=i.findIndex(t=>t===s.currentTarget);if(s.key==="ArrowRight"||s.key==="ArrowDown"){s.preventDefault();let t=$+1;for(;t<i.length&&v.has(t);)t++;t<i.length&&(f(t),(h=i[t])==null||h.focus())}else if(s.key==="ArrowLeft"||s.key==="ArrowUp"){s.preventDefault();let t=$-1;for(;t>=0&&v.has(t);)t--;t>=0&&(f(t),(T=i[t])==null||T.focus())}else if(s.key==="Home"){s.preventDefault();let t=0;for(;t<i.length&&v.has(t);)t++;t<i.length&&(f(t),(m=i[t])==null||m.focus())}else if(s.key==="End"){s.preventDefault();let t=i.length-1;for(;t>=0&&v.has(t);)t--;t>=0&&(f(t),(P=i[t])==null||P.focus())}},y=c===r;return w.jsx("button",{className:`${n.tabsTrigger} ${y?n.active:""} ${a?n.disabled:""} ${l??""}`.trim(),role:"tab",ref:s=>{g.current[r]=s},id:`${_}-tab-${r}`,"aria-selected":c===r,"aria-disabled":a,tabIndex:c===r?0:-1,onClick:()=>!a&&f(r),onKeyDown:x,disabled:a,children:p})}function W({children:p,index:r,className:a}){const{activeIndex:l,idPrefix:c,panelRefs:f}=R.useTabsContext(),_=r===l;return w.jsx("div",{ref:g=>{f.current[r]=g},className:`${n.tabsPanel} ${a??""}`.trim(),role:"tabpanel",id:`${c}-panel-${r}`,"aria-labelledby":`${c}-tab-${r}`,"aria-hidden":!_,hidden:!_,children:p})}L.List=H;L.Trigger=et;L.Panel=W;exports.Tabs=L;exports.orientationClassMap=D;exports.themeClassMap=N;

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

@@ -1,7 +1,7 @@
 import { jsx as $, jsxs as j } from "react/jsx-runtime";
 import U, { useState as W, useId as X, useRef as z, useCallback as x, useMemo as Y, useLayoutEffect as B, useEffect as q } from "react";
 import { TabsContext as F, useTabsContext as A } from "./Context.mjs";
-import '../../../index33.css';const G = "_tabs_1g6a3_1", J = "_tabsList_1g6a3_7", Q = "_horizontal_1g6a3_24", V = "_tabsPanel_1g6a3_26", Z = "_vertical_1g6a3_31", tt = "_tabsTrigger_1g6a3_42", et = "_tabsPanelWrapper_1g6a3_47", st = "_indicator_1g6a3_70", rt = "_active_1g6a3_119", at = "_disabled_1g6a3_123", nt = "_dark_1g6a3_177", it = "_light_1g6a3_189", ot = "_transparent_1g6a3_213", n = {
+import '../../../index33.css';const G = "_tabs_1evwt_1", J = "_tabsList_1evwt_7", Q = "_horizontal_1evwt_24", V = "_tabsPanel_1evwt_26", Z = "_vertical_1evwt_31", tt = "_tabsTrigger_1evwt_42", et = "_tabsPanelWrapper_1evwt_47", st = "_indicator_1evwt_70", rt = "_active_1evwt_119", at = "_disabled_1evwt_123", nt = "_dark_1evwt_177", it = "_light_1evwt_189", ot = "_transparent_1evwt_213", n = {
   tabs: G,
   tabsList: J,
   horizontal: Q,
@@ -12,7 +12,7 @@ import '../../../index33.css';const G = "_tabs_1g6a3_1", J = "_tabsList_1g6a3_7"
   indicator: st,
   active: rt,
   disabled: at,
-  default: "_default_1g6a3_173",
+  default: "_default_1evwt_173",
   dark: nt,
   light: it,
   transparent: ot
@@ -32,19 +32,19 @@ function E({
   onIndexChange: c,
   orientation: o = "horizontal",
   theme: l = "default",
-  className: b,
-  style: _
+  className: w,
+  style: b
 }) {
-  const [p, L] = W(r), v = a !== void 0, s = v ? a : p, [i, w] = W({
+  const [p, L] = W(r), h = a !== void 0, s = h ? a : p, [i, g] = W({
     width: 0,
     left: 0,
     top: 0,
     height: 0
-  }), h = typeof window < "u", P = h ? B : q, m = X(), y = [], t = [], R = /* @__PURE__ */ new Set(), D = z(null), N = z([]), H = z([]), M = x(
+  }), _ = typeof window < "u", P = _ ? B : q, m = X(), y = [], t = [], R = /* @__PURE__ */ new Set(), D = z(null), N = z([]), H = z([]), M = x(
     (e) => {
-      R.has(e) || (v || L(e), c == null || c(e));
+      R.has(e) || (h || L(e), c == null || c(e));
     },
-    [v, c, R]
+    [h, c, R]
   ), O = Y(
     () => ({
       activeIndex: s,
@@ -67,14 +67,14 @@ function E({
     var f;
     const e = H.current[s];
     if (e) {
-      const g = e.getBoundingClientRect(), u = (f = e.parentElement) == null ? void 0 : f.getBoundingClientRect();
+      const v = e.getBoundingClientRect(), u = (f = e.parentElement) == null ? void 0 : f.getBoundingClientRect();
       if (!u) return;
       if (window.innerWidth < 768 || o === "vertical") {
-        const T = g.top - u.top, I = g.height;
-        w({ top: T, height: I, left: 0, width: u.width });
+        const T = v.top - u.top, I = v.height;
+        g({ top: T, height: I, left: 0, width: u.width });
       } else {
-        const T = g.left - u.left, I = g.width;
-        w({
+        const T = v.left - u.left, I = v.width;
+        g({
           left: T,
           width: I,
           top: 0,
@@ -84,27 +84,27 @@ function E({
     }
   }, [s, o]);
   return P(() => {
-    if (!(typeof window > "u") && h)
+    if (!(typeof window > "u") && _)
       return k(), window.addEventListener("resize", k), () => {
         window.removeEventListener("resize", k);
       };
-  }, [k, h]), B(() => {
+  }, [k, _]), B(() => {
     const e = D.current, f = N.current[s];
     if (!e || !f) return;
-    const g = () => {
+    const v = () => {
       const S = f.offsetHeight;
       e.offsetHeight, e.style.height = `${S}px`;
     };
-    g();
-    const u = new ResizeObserver(g);
+    v();
+    const u = new ResizeObserver(v);
     return u.observe(f), () => {
       u.disconnect();
     };
   }, [s]), /* @__PURE__ */ $(F.Provider, { value: O, children: /* @__PURE__ */ j(
     "div",
     {
-      className: `${n.tabs} ${ct[o]} ${lt[l]} ${b ?? ""}`.trim(),
-      style: _,
+      className: `${n.tabs} ${ct[o]} ${lt[l]} ${w ?? ""}`.trim(),
+      style: b,
       children: [
         y,
         /* @__PURE__ */ $("div", { ref: D, className: n.tabsPanelWrapper, children: t })
@@ -146,25 +146,25 @@ function ft({
   const {
     activeIndex: o,
     setActiveIndex: l,
-    idPrefix: b,
-    triggerRefs: _,
+    idPrefix: w,
+    triggerRefs: b,
     disabledIndices: p
   } = A();
   a && p.add(r);
   const L = (s) => {
-    var h, P, m, y;
-    const i = _.current.filter(Boolean), w = i.findIndex(
+    var _, P, m, y;
+    const i = b.current.filter(Boolean), g = i.findIndex(
       (t) => t === s.currentTarget
     );
     if (s.key === "ArrowRight" || s.key === "ArrowDown") {
       s.preventDefault();
-      let t = w + 1;
+      let t = g + 1;
       for (; t < i.length && p.has(t); )
         t++;
-      t < i.length && (l(t), (h = i[t]) == null || h.focus());
+      t < i.length && (l(t), (_ = i[t]) == null || _.focus());
     } else if (s.key === "ArrowLeft" || s.key === "ArrowUp") {
       s.preventDefault();
-      let t = w - 1;
+      let t = g - 1;
       for (; t >= 0 && p.has(t); )
         t--;
       t >= 0 && (l(t), (P = i[t]) == null || P.focus());
@@ -181,16 +181,16 @@ function ft({
         t--;
       t >= 0 && (l(t), (y = i[t]) == null || y.focus());
     }
-  }, v = o === r;
+  }, h = o === r;
   return /* @__PURE__ */ $(
     "button",
     {
-      className: `${n.tabsTrigger} ${v ? n.active : ""} ${a ? n.disabled : ""} ${c ?? ""}`.trim(),
+      className: `${n.tabsTrigger} ${h ? n.active : ""} ${a ? n.disabled : ""} ${c ?? ""}`.trim(),
       role: "tab",
       ref: (s) => {
-        _.current[r] = s;
+        b.current[r] = s;
       },
-      id: `${b}-tab-${r}`,
+      id: `${w}-tab-${r}`,
       "aria-selected": o === r,
       "aria-disabled": a,
       tabIndex: o === r ? 0 : -1,
@@ -202,19 +202,19 @@ function ft({
   );
 }
 function C({ children: d, index: r, className: a }) {
-  const { activeIndex: c, idPrefix: o, panelRefs: l } = A(), b = r === c;
+  const { activeIndex: c, idPrefix: o, panelRefs: l } = A(), w = r === c;
   return /* @__PURE__ */ $(
     "div",
     {
-      ref: (_) => {
-        l.current[r] = _;
+      ref: (b) => {
+        l.current[r] = b;
       },
       className: `${n.tabsPanel} ${a ?? ""}`.trim(),
       role: "tabpanel",
       id: `${o}-panel-${r}`,
       "aria-labelledby": `${o}-tab-${r}`,
-      "aria-hidden": !b,
-      hidden: !b,
+      "aria-hidden": !w,
+      hidden: !w,
       children: d
     }
   );

package/dist/index13.css

@@ -1 +1 @@
-._tabs_3x761_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_3x761_7{width:100%;max-width:var(--layout-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_3x761_7 h1,._container_3x761_7 h2,._container_3x761_7 h3,._container_3x761_7 h4,._container_3x761_7 h5,._container_3x761_7 h6{width:100%;margin-block:0}._heading_3x761_25{position:relative;display:flex;flex-direction:column;gap:var(--spacing-md)}._text_3x761_32{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._text_3x761_32{flex:1;width:100%;align-items:flex-start}}._headingHorizontal_3x761_46{flex-direction:row;justify-content:space-between}._headingHorizontal_3x761_46 ._container_3x761_7{flex:1}._headingHorizontal_3x761_46 ._title_3x761_54{margin-bottom:0;text-wrap:pretty}@media (max-width: 768px){._headingHorizontal_3x761_46{flex-direction:column}}._headingVertical_3x761_64{flex-direction:column;justify-content:flex-start}._tabContent_3x761_74{display:flex;align-items:center;justify-content:space-between;gap:4rem;max-width:800px;margin:0 auto}._tabContent_3x761_74 ul{columns:1}._tabContent_3x761_74 .textPrimary{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}@media (max-width: 767px){._tabContent_3x761_74{flex-direction:column;gap:var(--spacing-lg);align-items:flex-start}}._tabContent_3x761_74._vertical_3x761_97{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}@media (max-width: 767px){._tabContent_3x761_74._vertical_3x761_97{flex-direction:column}}._tabContent_3x761_74._vertical_3x761_97 ._tabsContainer_3x761_69{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}._tabContent_3x761_74._vertical_3x761_97 ._tabImage_3x761_112 img{width:auto}._tabText_3x761_120{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);flex:1}._tabImage_3x761_112{width:100%;height:auto;max-width:175px;align-items:center}._tabImage_3x761_112 img{position:relative;width:100%;height:auto}._gridItems_3x761_141{display:grid;width:100%;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 480px){._gridItems_3x761_141{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){._gridItems_3x761_141{grid-template-columns:repeat(4,1fr)}}._gridItem_3x761_141 img{width:100%;height:auto;aspect-ratio:15/9;object-fit:cover;border-radius:var(--radius-md)}._default_3x761_166 ._container_3x761_7{display:flex;flex-direction:column;gap:var(--spacing-md)}.orientationVertical ._tabsContainer_3x761_69{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}._fullBleed_3x761_181{position:relative;padding-top:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._fullBleed_3x761_181 ._container_3x761_7{max-width:var(--layout-width);position:relative;display:flex;align-items:flex-end;width:100%;min-height:650px;height:100%;overflow:hidden;flex-grow:1;border-radius:var(--radius-md)}._fullBleed_3x761_181 ._container_3x761_7 img{transition:width .3s ease-in-out,height .3s ease-in-out}._fullBleed_3x761_181 ._overlay_3x761_208{width:100%;max-width:var(--layout-width);margin:0 auto;z-index:3;position:relative;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._fullBleed_3x761_181 ._heading_3x761_25{z-index:3;position:relative;max-width:665px;display:flex;flex-direction:column;gap:var(--spacing-md);background-color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}._fullBleed_3x761_181 ._heading_3x761_25:has(._title_3x761_54+._cta_3x761_232):not(:has(._text_3x761_32)){gap:var(--spacing-lg)}._fullBleed_3x761_181 ._text_3x761_32{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._fullBleed_3x761_181 ._text_3x761_32{flex:1;width:100%;align-items:flex-start}}._fullBleed_3x761_181.paddingTopBanner,._fullBleed_3x761_181.paddingTop4,._fullBleed_3x761_181.paddingTop2,._fullBleed_3x761_181.paddingTop1{padding-top:0}._fullBleed_3x761_181.paddingBottomBanner,._fullBleed_3x761_181.paddingBottom4,._fullBleed_3x761_181.paddingBottom2,._fullBleed_3x761_181.paddingBottom1{padding-bottom:0}._fullBleed_3x761_181.paddingTopBanner ._overlay_3x761_208{padding-top:8rem}._fullBleed_3x761_181.paddingBottomBanner ._overlay_3x761_208{padding-bottom:8rem}._fullBleed_3x761_181.paddingTop4 ._overlay_3x761_208{padding-top:4rem}._fullBleed_3x761_181.paddingBottom4 ._overlay_3x761_208{padding-bottom:4rem}._fullBleed_3x761_181.paddingTop2 ._overlay_3x761_208{padding-top:2rem}._fullBleed_3x761_181.paddingBottom2 ._overlay_3x761_208{padding-bottom:2rem}._fullBleed_3x761_181.paddingTop1 ._overlay_3x761_208{padding-top:1rem}._fullBleed_3x761_181.paddingBottom1 ._overlay_3x761_208{padding-bottom:1rem}._eyebrow_3x761_314{font-weight:var(--font-weight-bold)}
+._tabs_jt1ik_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_jt1ik_7{width:100%;max-width:var(--layout-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_jt1ik_7 h1,._container_jt1ik_7 h2,._container_jt1ik_7 h3,._container_jt1ik_7 h4,._container_jt1ik_7 h5,._container_jt1ik_7 h6{width:100%;margin-block:0}._heading_jt1ik_25{position:relative;display:flex;flex-direction:column;gap:var(--spacing-md)}._text_jt1ik_32{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._text_jt1ik_32{flex:1;width:100%;align-items:flex-start}}._headingHorizontal_jt1ik_46{flex-direction:row;justify-content:space-between}._headingHorizontal_jt1ik_46 ._container_jt1ik_7{flex:1}._headingHorizontal_jt1ik_46 ._title_jt1ik_54{margin-bottom:0;text-wrap:pretty}@media (max-width: 768px){._headingHorizontal_jt1ik_46{flex-direction:column}}._headingVertical_jt1ik_64{flex-direction:column;justify-content:flex-start}._tabContent_jt1ik_74{display:flex;align-items:center;justify-content:space-between;gap:4rem;max-width:800px;margin:0 auto}._tabContent_jt1ik_74 ul{columns:1}._tabContent_jt1ik_74 .textPrimary{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}@media (max-width: 767px){._tabContent_jt1ik_74{flex-direction:column;gap:var(--spacing-lg);align-items:flex-start}}._tabContent_jt1ik_74._horizontal_jt1ik_97 ._tabImage_jt1ik_98{max-width:175px}._tabContent_jt1ik_74._vertical_jt1ik_103{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}@media (max-width: 767px){._tabContent_jt1ik_74._vertical_jt1ik_103{flex-direction:column}}._tabContent_jt1ik_74._vertical_jt1ik_103 ._tabsContainer_jt1ik_69{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}._tabContent_jt1ik_74._vertical_jt1ik_103 ._tabImage_jt1ik_98 img{width:auto}._tabText_jt1ik_126{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);flex:1}._tabImage_jt1ik_98{width:100%;height:auto;align-items:center}._tabImage_jt1ik_98 img{position:relative;width:100%;height:auto}._gridItems_jt1ik_146{display:grid;width:100%;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 480px){._gridItems_jt1ik_146{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){._gridItems_jt1ik_146{grid-template-columns:repeat(4,1fr)}}._gridItem_jt1ik_146 img{width:100%;height:auto;aspect-ratio:15/9;object-fit:cover;border-radius:var(--radius-md)}._default_jt1ik_171 ._container_jt1ik_7{display:flex;flex-direction:column;gap:var(--spacing-md)}.orientationVertical ._tabsContainer_jt1ik_69{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}._fullBleed_jt1ik_186{position:relative;padding-top:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._fullBleed_jt1ik_186 ._container_jt1ik_7{max-width:var(--layout-width);position:relative;display:flex;align-items:flex-end;width:100%;min-height:650px;height:100%;overflow:hidden;flex-grow:1;border-radius:var(--radius-md)}._fullBleed_jt1ik_186 ._container_jt1ik_7 img{transition:width .3s ease-in-out,height .3s ease-in-out}._fullBleed_jt1ik_186 ._overlay_jt1ik_213{width:100%;max-width:var(--layout-width);margin:0 auto;z-index:3;position:relative;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._fullBleed_jt1ik_186 ._heading_jt1ik_25{z-index:3;position:relative;max-width:665px;display:flex;flex-direction:column;gap:var(--spacing-md);background-color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}._fullBleed_jt1ik_186 ._heading_jt1ik_25:has(._title_jt1ik_54+._cta_jt1ik_237):not(:has(._text_jt1ik_32)){gap:var(--spacing-lg)}._fullBleed_jt1ik_186 ._text_jt1ik_32{flex:1;display:flex;justify-content:center;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._fullBleed_jt1ik_186 ._text_jt1ik_32{flex:1;width:100%;align-items:flex-start}}._fullBleed_jt1ik_186.paddingTopBanner,._fullBleed_jt1ik_186.paddingTop4,._fullBleed_jt1ik_186.paddingTop2,._fullBleed_jt1ik_186.paddingTop1{padding-top:0}._fullBleed_jt1ik_186.paddingBottomBanner,._fullBleed_jt1ik_186.paddingBottom4,._fullBleed_jt1ik_186.paddingBottom2,._fullBleed_jt1ik_186.paddingBottom1{padding-bottom:0}._fullBleed_jt1ik_186.paddingTopBanner ._overlay_jt1ik_213{padding-top:8rem}._fullBleed_jt1ik_186.paddingBottomBanner ._overlay_jt1ik_213{padding-bottom:8rem}._fullBleed_jt1ik_186.paddingTop4 ._overlay_jt1ik_213{padding-top:4rem}._fullBleed_jt1ik_186.paddingBottom4 ._overlay_jt1ik_213{padding-bottom:4rem}._fullBleed_jt1ik_186.paddingTop2 ._overlay_jt1ik_213{padding-top:2rem}._fullBleed_jt1ik_186.paddingBottom2 ._overlay_jt1ik_213{padding-bottom:2rem}._fullBleed_jt1ik_186.paddingTop1 ._overlay_jt1ik_213{padding-top:1rem}._fullBleed_jt1ik_186.paddingBottom1 ._overlay_jt1ik_213{padding-bottom:1rem}._eyebrow_jt1ik_319{font-weight:var(--font-weight-bold)}.imageRadius-sm ._tabImage_jt1ik_98 img{border-radius:var(--radius-sm)}.imageRadius-md ._tabImage_jt1ik_98 img{border-radius:var(--radius-md)}.imageRadius-lg ._tabImage_jt1ik_98 img{border-radius:var(--radius-lg)}.imageRadius-full ._tabImage_jt1ik_98 img{border-radius:var(--radius-full)}

package/dist/index33.css

@@ -1 +1 @@
-._tabs_1g6a3_1{display:flex;flex-direction:column;width:100%}._tabsList_1g6a3_7{display:flex;width:100%;background-color:var(--color-secondary-10);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_1g6a3_7::-webkit-scrollbar{display:none}._horizontal_1g6a3_24{flex-direction:column}._horizontal_1g6a3_24 ._tabsPanel_1g6a3_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_1g6a3_31{flex-direction:column;align-items:flex-start;gap:3rem}._vertical_1g6a3_31 ._tabsList_1g6a3_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_1g6a3_31 ._tabsTrigger_1g6a3_42{white-space:normal;text-align:left}._vertical_1g6a3_31 ._tabsPanelWrapper_1g6a3_47{flex:1;width:100%}@media (max-width: 767px){._vertical_1g6a3_31{flex-direction:column}}._left_1g6a3_58{justify-content:flex-start}._center_1g6a3_62{justify-content:center}._right_1g6a3_66{justify-content:flex-end}._indicator_1g6a3_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-secondary-10)}._indicator_1g6a3_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-secondary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_1g6a3_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_1g6a3_42._active_1g6a3_119{color:var(--color-tab-text)}._tabsTrigger_1g6a3_42._disabled_1g6a3_123{opacity:.5;cursor:not-allowed}._tabsTrigger_1g6a3_42:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 767px){._tabsList_1g6a3_7{flex-direction:column;overflow-x:visible}._tabsTrigger_1g6a3_42{white-space:normal;text-align:left}}._tabsPanelWrapper_1g6a3_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_1g6a3_26{animation:_fadeSlide_1g6a3_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_1g6a3_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_1g6a3_173{background-color:transparent}._dark_1g6a3_177{background-color:var(--color-tab-background)}._dark_1g6a3_177 ._indicator_1g6a3_70{border:5px solid transparent}._dark_1g6a3_177 ._tabsTrigger_1g6a3_42{color:var(--color-primary-25)}._light_1g6a3_189{background-color:#fff}._light_1g6a3_189 ._indicator_1g6a3_70{border:5px solid transparent}._light_1g6a3_189 ._tabsList_1g6a3_7{background-color:#fff}._light_1g6a3_189 ._tabsTrigger_1g6a3_42{color:var(--color-text-primary)}._light_1g6a3_189 ._tabsTrigger_1g6a3_42:hover{color:var(--color-primary-100)}._light_1g6a3_189 ._tabsTrigger_1g6a3_42._active_1g6a3_119{color:#fff}._transparent_1g6a3_213{background-color:transparent}._transparent_1g6a3_213 ._indicator_1g6a3_70{border:5px solid transparent}._transparent_1g6a3_213 ._tabsList_1g6a3_7{background-color:transparent}._transparent_1g6a3_213 ._tabsTrigger_1g6a3_42{color:var(--color-text-primary)}._transparent_1g6a3_213 ._tabsTrigger_1g6a3_42:hover{color:var(--color-primary-100)}._transparent_1g6a3_213 ._tabsTrigger_1g6a3_42._active_1g6a3_119{color:#fff}
+._tabs_1evwt_1{display:flex;flex-direction:column;width:100%}._tabsList_1evwt_7{display:flex;width:100%;background-color:var(--color-secondary-10);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_1evwt_7::-webkit-scrollbar{display:none}._horizontal_1evwt_24{flex-direction:column}._horizontal_1evwt_24 ._tabsPanel_1evwt_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_1evwt_31{flex-direction:row;align-items:flex-start;gap:3rem}._vertical_1evwt_31 ._tabsList_1evwt_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_1evwt_31 ._tabsTrigger_1evwt_42{white-space:normal;text-align:left}._vertical_1evwt_31 ._tabsPanelWrapper_1evwt_47{flex:1;width:100%}@media (max-width: 767px){._vertical_1evwt_31{flex-direction:column}}._left_1evwt_58{justify-content:flex-start}._center_1evwt_62{justify-content:center}._right_1evwt_66{justify-content:flex-end}._indicator_1evwt_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-secondary-10)}._indicator_1evwt_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-secondary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_1evwt_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_1evwt_42._active_1evwt_119{color:var(--color-tab-text)}._tabsTrigger_1evwt_42._disabled_1evwt_123{opacity:.5;cursor:not-allowed}._tabsTrigger_1evwt_42:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 767px){._tabsList_1evwt_7{flex-direction:column;overflow-x:visible}._tabsTrigger_1evwt_42{white-space:normal;text-align:left}}._tabsPanelWrapper_1evwt_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_1evwt_26{animation:_fadeSlide_1evwt_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_1evwt_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_1evwt_173{background-color:transparent}._dark_1evwt_177{background-color:var(--color-tab-background)}._dark_1evwt_177 ._indicator_1evwt_70{border:5px solid transparent}._dark_1evwt_177 ._tabsTrigger_1evwt_42{color:var(--color-primary-25)}._light_1evwt_189{background-color:#fff}._light_1evwt_189 ._indicator_1evwt_70{border:5px solid transparent}._light_1evwt_189 ._tabsList_1evwt_7{background-color:#fff}._light_1evwt_189 ._tabsTrigger_1evwt_42{color:var(--color-text-primary)}._light_1evwt_189 ._tabsTrigger_1evwt_42:hover{color:var(--color-primary-100)}._light_1evwt_189 ._tabsTrigger_1evwt_42._active_1evwt_119{color:#fff}._transparent_1evwt_213{background-color:transparent}._transparent_1evwt_213 ._indicator_1evwt_70{border:5px solid transparent}._transparent_1evwt_213 ._tabsList_1evwt_7{background-color:transparent}._transparent_1evwt_213 ._tabsTrigger_1evwt_42{color:var(--color-text-primary)}._transparent_1evwt_213 ._tabsTrigger_1evwt_42:hover{color:var(--color-primary-100)}._transparent_1evwt_213 ._tabsTrigger_1evwt_42._active_1evwt_119{color:#fff}

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-CAS0iFfs.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index13.css');const a=require("react/jsx-runtime"),G=require("../../hooks/useStyleClasses.cjs"),g=require("../../../core/components/Tabs/index.cjs"),F=require("../../../index-CAS0iFfs.cjs"),Y=require("../../utils/resolveLinkUrl.cjs"),J=require("../../../core/context/ThemeContext.cjs"),r=require("../../utils/mediaUtils.cjs"),K="_tabs_jt1ik_1",O="_container_jt1ik_7",Q="_heading_jt1ik_25",W="_text_jt1ik_32",X="_headingHorizontal_jt1ik_46",Z="_title_jt1ik_54",A="_headingVertical_jt1ik_64",T="_tabContent_jt1ik_74",R="_tabImage_jt1ik_98",tt="_vertical_jt1ik_103",at="_tabsContainer_jt1ik_69",st="_tabText_jt1ik_126",lt="_gridItems_jt1ik_146",it="_gridItem_jt1ik_146",ot="_fullBleed_jt1ik_186",et="_overlay_jt1ik_213",nt="_eyebrow_jt1ik_319",s={tabs:K,container:O,heading:Q,text:W,headingHorizontal:X,title:Z,headingVertical:A,tabContent:T,tabImage:R,vertical:tt,tabsContainer:at,tabText:st,gridItems:lt,gridItem:it,default:"_default_jt1ik_171",fullBleed:ot,overlay:et,eyebrow:nt},ct={orientationHorizontal:"horizontal",orientationVertical:"vertical"},bt={themeDefault:"default",themeLight:"light",themeDark:"dark",themeTransparent:"transparent"},mt={horizontal:s.headingHorizontal,vertical:s.headingVertical},_t={horizontal:"",vertical:s.vertical};function rt({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 ut({items:l,mode:c,renderImage:m,renderRichText:e}){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&&(e==null?void 0:e({blocks:o.itemText}))]},t)})})}function gt({heading:l,image:c,items:m,callToAction:e,styleOptions:o,renderRichText:t,renderCallToAction:n,renderImage:b}){const{mode:u}=J.useTheme(),I=G.useStyleClasses(o),d=(o==null?void 0:o.layout)??"default",y=mt[l.headingLayout??"vertical"],w=ct[(o==null?void 0:o.orientation)??"orientationHorizontal"],M=bt[(o==null?void 0:o.theme)??"themeDefault"],L=r.resolveImageUrl(c,u,"medium"),j=r.resolveImageUrl(c,u,"large"),k=r.resolveAltText(c,u,"Block image"),p=a.jsxs(g.Tabs,{defaultIndex:0,orientation:w,theme:M,children:[a.jsx(g.Tabs.List,{children:m.map((i,v)=>a.jsx(g.Tabs.Trigger,{index:v,children:i.title},i.title))}),m.map((i,v)=>{var B,S,z,h,q,C,H,E,V,x,D;const N=r.resolveImageUrl((B=i.content)==null?void 0:B.tabImage,u,"medium"),$=r.resolveAltText((S=i.content)==null?void 0:S.tabImage,u,"Tab image"),f=(z=i.content)!=null&&z.tabLink?Y.resolveLinkURL(i.content.tabLink):void 0,_=(h=i.content)==null?void 0:h.tabLink,U=Array.isArray((q=i.content)==null?void 0:q.tabGridItem)?i.content.tabGridItem:null,P=(C=i.content)!=null&&C.tabStyleOptions?G.useStyleClasses((H=i.content)==null?void 0:H.tabStyleOptions):void 0;return a.jsx(g.Tabs.Panel,{index:v,children:a.jsxs("div",{className:`${s.tabContent} ${_t[w]} ${P}`,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:[((E=i.content)==null?void 0:E.tabText)&&(t==null?void 0:t({blocks:i.content.tabText})),U&&a.jsx(ut,{items:U,mode:u,renderImage:b,renderRichText:t}),f&&f!=="#"&&_&&a.jsx(F.Button,{as:"a",variant:_.variant??"primary",href:f,target:((V=_.linkOptions)==null?void 0:V.linkType)==="external"?"_blank":"_self",rel:((x=_.linkOptions)==null?void 0:x.linkType)==="external"?"noopener noreferrer":"","aria-label":_.ariaLabel||_.label,children:_.label}),((D=i.content)==null?void 0:D.tabDisclaimer)&&(t==null?void 0:t({blocks:i.content.tabDisclaimer}))]})]})},i.title)})]});return d==="default"?a.jsx("section",{className:`${s.tabs} ${s.default} ${I}`,children:a.jsxs("article",{className:s.container,children:[L&&a.jsx(rt,{src:L,alt:k,renderImage:b}),a.jsxs("div",{className:`${s.heading} ${y}`,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:p}),e&&(n==null?void 0:n({items:e.items,alignment:e.alignment,spacing:e.spacing,mobileOrientation:e.mobileOrientation})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})}):d==="full-bleed"?a.jsx("section",{"data-overlay":"true",className:`${s.tabs} ${s.fullBleed} ${I} tabsFullBleed`,children:a.jsxs("article",{className:s.container,children:[j&&(b?b({src:j,alt:k,fill:!0,priority:!0,sizes:"(max-width: 767px) 600px, 1200px",style:{objectFit:"cover"},draggable:!1}):a.jsx("img",{src:j,alt:k,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover"}})),a.jsx("div",{className:s.overlay,children:a.jsxs("div",{className:`${s.heading} ${y}`,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:p}),e&&(n==null?void 0:n({items:e.items,alignment:e.alignment,spacing:e.spacing,mobileOrientation:e.mobileOrientation})),l.disclaimer&&(t==null?void 0:t({blocks:l.disclaimer}))]})})]})}):null}exports.TabsBlock=gt;

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

@@ -1,165 +1,165 @@
-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 Y } from "../../../index-Cahn_yoK.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,
-  tabsContainer: R,
-  tabImage: tt,
-  tabText: at,
-  gridItems: lt,
-  gridItem: st,
-  default: "_default_3x761_166",
-  fullBleed: it,
-  overlay: ot,
-  eyebrow: nt
-}, mt = {
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { useStyleClasses as Y } from "../../hooks/useStyleClasses.mjs";
+import { Tabs as k } from "../../../core/components/Tabs/index.mjs";
+import { B as K } from "../../../index-Cahn_yoK.js";
+import { resolveLinkURL as Q } from "../../utils/resolveLinkUrl.mjs";
+import { useTheme as W } from "../../../core/context/ThemeContext.mjs";
+import { resolveImageUrl as g, resolveAltText as p } from "../../utils/mediaUtils.mjs";
+import '../../../index13.css';const X = "_tabs_jt1ik_1", Z = "_container_jt1ik_7", O = "_heading_jt1ik_25", A = "_text_jt1ik_32", x = "_headingHorizontal_jt1ik_46", T = "_title_jt1ik_54", R = "_headingVertical_jt1ik_64", tt = "_tabContent_jt1ik_74", at = "_tabImage_jt1ik_98", lt = "_vertical_jt1ik_103", it = "_tabsContainer_jt1ik_69", st = "_tabText_jt1ik_126", ot = "_gridItems_jt1ik_146", nt = "_gridItem_jt1ik_146", et = "_fullBleed_jt1ik_186", mt = "_overlay_jt1ik_213", bt = "_eyebrow_jt1ik_319", a = {
+  tabs: X,
+  container: Z,
+  heading: O,
+  text: A,
+  headingHorizontal: x,
+  title: T,
+  headingVertical: R,
+  tabContent: tt,
+  tabImage: at,
+  vertical: lt,
+  tabsContainer: it,
+  tabText: st,
+  gridItems: ot,
+  gridItem: nt,
+  default: "_default_jt1ik_171",
+  fullBleed: et,
+  overlay: mt,
+  eyebrow: bt
+}, ct = {
   orientationHorizontal: "horizontal",
   orientationVertical: "vertical"
-}, et = {
+}, _t = {
   themeDefault: "default",
   themeLight: "light",
   themeDark: "dark",
   themeTransparent: "transparent"
-}, bt = {
+}, rt = {
   horizontal: a.headingHorizontal,
   vertical: a.headingVertical
-}, ct = {
+}, ut = {
   horizontal: "",
   vertical: a.vertical
 };
-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 kt({ src: l, alt: b, renderImage: _ }) {
+  return _ ? _({ src: l, alt: b, width: 600, height: 658, priority: !0 }) : /* @__PURE__ */ i("img", { src: l, alt: b, width: 600, height: 658 });
 }
-function rt({
+function gt({
   items: l,
   mode: b,
   renderImage: _,
   renderRichText: n
 }) {
-  return /* @__PURE__ */ s("div", { className: a.gridItems, children: l.map((i, t) => {
-    const m = v(
-      i.itemImage,
+  return /* @__PURE__ */ i("div", { className: a.gridItems, children: l.map((o, t) => {
+    const e = g(
+      o.itemImage,
       b,
       "medium"
-    ), c = w(
-      i.itemImage,
+    ), c = p(
+      o.itemImage,
       b,
       "Grid image"
     );
-    return /* @__PURE__ */ e("div", { className: a.gridItem, children: [
-      m && _ ? _({
-        src: m,
+    return /* @__PURE__ */ m("div", { className: a.gridItem, children: [
+      e && _ ? _({
+        src: e,
         alt: c,
         width: 200,
         height: 200
-      }) : m ? /* @__PURE__ */ s(
+      }) : e ? /* @__PURE__ */ i(
         "img",
         {
-          src: m,
+          src: e,
           alt: c,
           width: 200,
           height: 200
         }
       ) : null,
-      i.itemText && (n == null ? void 0 : n({ blocks: i.itemText }))
+      o.itemText && (n == null ? void 0 : n({ blocks: o.itemText }))
     ] }, t);
   }) });
 }
-function pt({
+function yt({
   heading: l,
   image: b,
   items: _,
   callToAction: n,
-  styleOptions: i,
+  styleOptions: o,
   renderRichText: t,
-  renderCallToAction: m,
+  renderCallToAction: e,
   renderImage: c
 }) {
-  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 = o.content) == null ? void 0 : E.tabImage,
+  const { mode: u } = W(), w = Y(o), y = (o == null ? void 0 : o.layout) ?? "default", d = rt[l.headingLayout ?? "vertical"], L = ct[(o == null ? void 0 : o.orientation) ?? "orientationHorizontal"], q = _t[(o == null ? void 0 : o.theme) ?? "themeDefault"], $ = g(b, u, "medium"), v = g(b, u, "large"), f = p(b, u, "Block image"), B = /* @__PURE__ */ m(k, { defaultIndex: 0, orientation: L, theme: q, children: [
+    /* @__PURE__ */ i(k.List, { children: _.map((s, N) => /* @__PURE__ */ i(k.Trigger, { index: N, children: s.title }, s.title)) }),
+    _.map((s, N) => {
+      var S, U, E, V, h, D, G, C, F, M, P;
+      const j = g(
+        (S = s.content) == null ? void 0 : S.tabImage,
         u,
         "medium"
-      ), H = w(
-        (V = o.content) == null ? void 0 : V.tabImage,
+      ), z = p(
+        (U = s.content) == null ? void 0 : U.tabImage,
         u,
         "Tab image"
-      ), 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(
+      ), I = (E = s.content) != null && E.tabLink ? Q(s.content.tabLink) : void 0, r = (V = s.content) == null ? void 0 : V.tabLink, H = Array.isArray((h = s.content) == null ? void 0 : h.tabGridItem) ? s.content.tabGridItem : null, J = (D = s.content) != null && D.tabStyleOptions ? Y((G = s.content) == null ? void 0 : G.tabStyleOptions) : void 0;
+      return /* @__PURE__ */ i(k.Panel, { index: N, children: /* @__PURE__ */ m(
         "div",
         {
-          className: `${a.tabContent} ${ct[$]}`,
+          className: `${a.tabContent} ${ut[L]} ${J}`,
           children: [
-            I && /* @__PURE__ */ s("div", { className: a.tabImage, children: c ? c({
-              src: I,
-              alt: H,
+            j && /* @__PURE__ */ i("div", { className: a.tabImage, children: c ? c({
+              src: j,
+              alt: z,
               width: 250,
               height: 250
-            }) : /* @__PURE__ */ s(
+            }) : /* @__PURE__ */ i(
               "img",
               {
-                src: I,
-                alt: H,
+                src: j,
+                alt: z,
                 width: 250,
                 height: 250
               }
             ) }),
-            /* @__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(
-                rt,
+            /* @__PURE__ */ m("div", { className: a.tabText, children: [
+              ((C = s.content) == null ? void 0 : C.tabText) && (t == null ? void 0 : t({ blocks: s.content.tabText })),
+              H && /* @__PURE__ */ i(
+                gt,
                 {
-                  items: U,
+                  items: H,
                   mode: u,
                   renderImage: c,
                   renderRichText: t
                 }
               ),
-              p && p !== "#" && r && /* @__PURE__ */ s(
-                Y,
+              I && I !== "#" && r && /* @__PURE__ */ i(
+                K,
                 {
                   as: "a",
                   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" : "",
+                  href: I,
+                  target: ((F = r.linkOptions) == null ? void 0 : F.linkType) === "external" ? "_blank" : "_self",
+                  rel: ((M = r.linkOptions) == null ? void 0 : M.linkType) === "external" ? "noopener noreferrer" : "",
                   "aria-label": r.ariaLabel || r.label,
                   children: r.label
                 }
               ),
-              ((F = o.content) == null ? void 0 : F.tabDisclaimer) && (t == null ? void 0 : t({ blocks: o.content.tabDisclaimer }))
+              ((P = s.content) == null ? void 0 : P.tabDisclaimer) && (t == null ? void 0 : t({ blocks: s.content.tabDisclaimer }))
             ] })
           ]
         }
-      ) }, o.title);
+      ) }, s.title);
     })
   ] });
-  return L === "default" ? /* @__PURE__ */ s("section", { className: `${a.tabs} ${a.default} ${d}`, children: /* @__PURE__ */ e("article", { className: a.container, children: [
-    B && /* @__PURE__ */ s(
-      _t,
+  return y === "default" ? /* @__PURE__ */ i("section", { className: `${a.tabs} ${a.default} ${w}`, children: /* @__PURE__ */ m("article", { className: a.container, children: [
+    $ && /* @__PURE__ */ i(
+      kt,
       {
-        src: B,
-        alt: k,
+        src: $,
+        alt: f,
         renderImage: c
       }
     ),
-    /* @__PURE__ */ e("div", { className: `${a.heading} ${y}`, children: [
-      /* @__PURE__ */ e("div", { children: [
+    /* @__PURE__ */ m("div", { className: `${a.heading} ${d}`, children: [
+      /* @__PURE__ */ m("div", { children: [
         l.eyebrow && (t == null ? void 0 : t({
           blocks: l.eyebrow,
           className: a.eyebrow
@@ -169,35 +169,35 @@ function pt({
           className: a.title
         })
       ] }),
-      l.description && /* @__PURE__ */ s("div", { className: a.text, children: t == null ? void 0 : t({ blocks: l.description }) })
+      l.description && /* @__PURE__ */ i("div", { className: a.text, children: t == null ? void 0 : t({ blocks: l.description }) })
     ] }),
-    /* @__PURE__ */ s("div", { className: a.tabsContainer, children: z }),
-    n && (m == null ? void 0 : m({
+    /* @__PURE__ */ i("div", { className: a.tabsContainer, children: B }),
+    n && (e == null ? void 0 : e({
       items: n.items,
       alignment: n.alignment,
       spacing: n.spacing,
       mobileOrientation: n.mobileOrientation
     })),
     l.disclaimer && (t == null ? void 0 : t({ blocks: l.disclaimer }))
-  ] }) }) : L === "full-bleed" ? /* @__PURE__ */ s(
+  ] }) }) : y === "full-bleed" ? /* @__PURE__ */ i(
     "section",
     {
       "data-overlay": "true",
-      className: `${a.tabs} ${a.fullBleed} ${d} tabsFullBleed`,
-      children: /* @__PURE__ */ e("article", { className: a.container, children: [
-        f && (c ? c({
-          src: f,
-          alt: k,
+      className: `${a.tabs} ${a.fullBleed} ${w} tabsFullBleed`,
+      children: /* @__PURE__ */ m("article", { className: a.container, children: [
+        v && (c ? c({
+          src: v,
+          alt: f,
           fill: !0,
           priority: !0,
           sizes: "(max-width: 767px) 600px, 1200px",
           style: { objectFit: "cover" },
           draggable: !1
-        }) : /* @__PURE__ */ s(
+        }) : /* @__PURE__ */ i(
           "img",
           {
-            src: f,
-            alt: k,
+            src: v,
+            alt: f,
             style: {
               position: "absolute",
               inset: 0,
@@ -207,8 +207,8 @@ function pt({
             }
           }
         )),
-        /* @__PURE__ */ s("div", { className: a.overlay, children: /* @__PURE__ */ e("div", { className: `${a.heading} ${y}`, children: [
-          /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ i("div", { className: a.overlay, children: /* @__PURE__ */ m("div", { className: `${a.heading} ${d}`, children: [
+          /* @__PURE__ */ m("div", { children: [
             l.eyebrow && (t == null ? void 0 : t({
               blocks: l.eyebrow,
               className: a.eyebrow
@@ -219,8 +219,8 @@ function pt({
             })
           ] }),
           l.description && (t == null ? void 0 : t({ blocks: l.description })),
-          /* @__PURE__ */ s("div", { className: a.tabsContainer, children: z }),
-          n && (m == null ? void 0 : m({
+          /* @__PURE__ */ i("div", { className: a.tabsContainer, children: B }),
+          n && (e == null ? void 0 : e({
             items: n.items,
             alignment: n.alignment,
             spacing: n.spacing,
@@ -233,5 +233,5 @@ function pt({
   ) : null;
 }
 export {
-  pt as TabsBlock
+  yt as TabsBlock
 };

package/package.json

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