quirk-ui 0.1.127 → 0.1.128

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

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),r=require("./index.cjs");e.vi.mock("./styles.module.css",()=>({default:new Proxy({},{get:(a,o)=>o})}));e.vi.mock("../../hooks/useStyleClasses",()=>({useStyleClasses:()=>"style-classes"}));e.vi.mock("../../context/ThemeContext",()=>({useTheme:()=>({mode:"light"})}));e.vi.mock("../../utils/mediaUtils",()=>({resolveImageUrl:(t,a,o)=>t?`https://cdn.example.com/${o??"medium"}.jpg`:void 0,resolveAltText:(t,a,o)=>t?"Resolved alt text":o??""}));e.vi.mock("../../utils/resolveLinkUrl",()=>({resolveLinkURL:t=>(t==null?void 0:t.href)??"/resolved"}));const{MockTabs:m,MockTabsList:T,MockTabsTrigger:x,MockTabsPanel:u}=e.vi.hoisted(()=>{const t=e.vi.fn(({children:i})=>n.jsx("div",{"data-testid":"tabs-list",children:i})),a=e.vi.fn(({children:i,index:b})=>n.jsx("button",{"data-testid":"tabs-trigger","data-index":b,children:i})),o=e.vi.fn(({children:i,index:b})=>n.jsx("div",{"data-testid":"tabs-panel","data-index":b,children:i}));return{MockTabs:e.vi.fn(({children:i,orientation:b,theme:p})=>n.jsx("div",{"data-testid":"tabs","data-orientation":b,"data-theme":p,children:i})),MockTabsList:t,MockTabsTrigger:a,MockTabsPanel:o}});e.vi.mock("../../../core/components/Tabs",()=>({Tabs:Object.assign(m,{List:T,Trigger:x,Panel:u})}));e.vi.mock("../../../core/components/Button",()=>({Button:({children:t,href:a,target:o,rel:d,"aria-label":i})=>n.jsx("a",{"data-testid":"tab-button",href:a,target:o,rel:d,"aria-label":i,children:t})}));function c(t){return[{_type:"block",_key:"b1",style:"normal",markDefs:[],children:[{_type:"span",_key:"s1",text:t,marks:[]}]}]}const h=({blocks:t,className:a})=>{var o,d,i;return n.jsx("span",{"data-testid":"rich-text",className:a,children:((i=(d=(o=t==null?void 0:t[0])==null?void 0:o.children)==null?void 0:d[0])==null?void 0:i.text)??""})},B=({items:t,alignment:a})=>n.jsx("nav",{"data-testid":"cta","data-alignment":a,children:t.map(o=>n.jsx("a",{children:o.label},o._key))}),g=({src:t,alt:a,fill:o})=>n.jsx("img",{"data-testid":"render-image",src:t,alt:a,"data-fill":o});function l(t,a={}){return{title:t,content:{tabText:c(`${t} body text`),...a}}}function s(t={}){return{heading:{title:c("Tabs Heading")},items:[l("Tab One"),l("Tab Two")],callToAction:{alignment:"left",spacing:"md",mobileOrientation:"column",items:[]},styleOptions:{layout:"default"},renderRichText:h,renderCallToAction:B,...t}}e.beforeEach(()=>{m.mockClear(),T.mockClear(),x.mockClear(),u.mockClear()});e.describe("1. Default layout",()=>{e.it("renders a section with the default class",()=>{var a;const{container:t}=e.render(n.jsx(r.TabsBlock,{...s()}));e.globalExpect((a=t.querySelector("section"))==null?void 0:a.className).toContain("default")}),e.it("renders the tabs element",()=>{e.render(n.jsx(r.TabsBlock,{...s()})),e.globalExpect(e.screen.getByTestId("tabs")).toBeInTheDocument()}),e.it("renders the heading",()=>{e.render(n.jsx(r.TabsBlock,{...s()}));const t=e.screen.getAllByTestId("rich-text");e.globalExpect(t.some(a=>a.textContent==="Tabs Heading")).toBe(!0)}),e.it("does not set data-overlay on the section",()=>{var a;const{container:t}=e.render(n.jsx(r.TabsBlock,{...s()}));e.globalExpect((a=t.querySelector("section"))==null?void 0:a.dataset.overlay).toBeUndefined()})});e.describe("2. Full-bleed layout",()=>{const t={styleOptions:{layout:"full-bleed"}};e.it("renders a section with the fullBleed class",()=>{var o;const{container:a}=e.render(n.jsx(r.TabsBlock,{...s(t)}));e.globalExpect((o=a.querySelector("section"))==null?void 0:o.className).toContain("fullBleed")}),e.it("sets data-overlay=true on the section",()=>{var o;const{container:a}=e.render(n.jsx(r.TabsBlock,{...s(t)}));e.globalExpect((o=a.querySelector("section"))==null?void 0:o.dataset.overlay).toBe("true")}),e.it("renders an overlay div",()=>{const{container:a}=e.render(n.jsx(r.TabsBlock,{...s(t)}));e.globalExpect(a.querySelector(".overlay")).toBeInTheDocument()}),e.it("renders the tabs inside the overlay",()=>{var o;const{container:a}=e.render(n.jsx(r.TabsBlock,{...s(t)}));e.globalExpect((o=a.querySelector(".overlay"))==null?void 0:o.querySelector("[data-testid='tabs']")).toBeInTheDocument()})});e.describe("3. Unknown layout — returns null",()=>{e.it("renders nothing for an unknown layout value",()=>{const{container:t}=e.render(n.jsx(r.TabsBlock,{...s({styleOptions:{layout:"unknown"}})}));e.globalExpect(t.firstChild).toBeNull()})});e.describe("4. Heading area — eyebrow, title, description, disclaimer",()=>{e.it("renders the title",()=>{e.render(n.jsx(r.TabsBlock,{...s()}));const t=e.screen.getAllByTestId("rich-text");e.globalExpect(t.some(a=>a.textContent==="Tabs Heading")).toBe(!0)}),e.it("renders the eyebrow when provided",()=>{e.render(n.jsx(r.TabsBlock,{...s({heading:{title:c("Title"),eyebrow:c("Product")}})}));const t=e.screen.getAllByTestId("rich-text");e.globalExpect(t.some(a=>a.textContent==="Product")).toBe(!0)}),e.it("renders description when provided",()=>{e.render(n.jsx(r.TabsBlock,{...s({heading:{title:c("Title"),description:c("Intro paragraph")}})}));const t=e.screen.getAllByTestId("rich-text");e.globalExpect(t.some(a=>a.textContent==="Intro paragraph")).toBe(!0)}),e.it("renders disclaimer when provided",()=>{e.render(n.jsx(r.TabsBlock,{...s({heading:{title:c("Title"),disclaimer:c("Terms apply")}})}));const t=e.screen.getAllByTestId("rich-text");e.globalExpect(t.some(a=>a.textContent==="Terms apply")).toBe(!0)})});e.describe("5. headingLayout class",()=>{e.it("applies headingVertical by default",()=>{var a;const{container:t}=e.render(n.jsx(r.TabsBlock,{...s()}));e.globalExpect((a=t.querySelector(".heading"))==null?void 0:a.className).toContain("headingVertical")}),e.it("applies headingHorizontal when headingLayout=horizontal",()=>{var a;const{container:t}=e.render(n.jsx(r.TabsBlock,{...s({heading:{title:c("Title"),headingLayout:"horizontal"}})}));e.globalExpect((a=t.querySelector(".heading"))==null?void 0:a.className).toContain("headingHorizontal")})});e.describe("6. Tabs element — triggers and panels per item",()=>{e.it("renders one trigger per item",()=>{e.render(n.jsx(r.TabsBlock,{...s()})),e.globalExpect(e.screen.getAllByTestId("tabs-trigger")).toHaveLength(2)}),e.it("renders each item title as trigger text",()=>{e.render(n.jsx(r.TabsBlock,{...s()}));const t=e.screen.getAllByTestId("tabs-trigger");e.globalExpect(t[0].textContent).toBe("Tab One"),e.globalExpect(t[1].textContent).toBe("Tab Two")}),e.it("renders one panel per item",()=>{e.render(n.jsx(r.TabsBlock,{...s()})),e.globalExpect(e.screen.getAllByTestId("tabs-panel")).toHaveLength(2)})});e.describe("7. Tab panel — tabText, tabImage, tabDisclaimer",()=>{e.it("renders tabText via renderRichText",()=>{e.render(n.jsx(r.TabsBlock,{...s()}));const t=e.screen.getAllByTestId("rich-text");e.globalExpect(t.some(a=>a.textContent==="Tab One body text")).toBe(!0)}),e.it("renders a tab image when tabImage is provided",()=>{e.render(n.jsx(r.TabsBlock,{...s({items:[l("Tab One",{tabImage:{asset:{_ref:"img-abc"}}})],renderImage:g})})),e.globalExpect(e.screen.getByTestId("render-image")).toBeInTheDocument()}),e.it("renders tabDisclaimer when provided",()=>{e.render(n.jsx(r.TabsBlock,{...s({items:[l("Tab One",{tabDisclaimer:c("Tab disclaimer text")})]})}));const t=e.screen.getAllByTestId("rich-text");e.globalExpect(t.some(a=>a.textContent==="Tab disclaimer text")).toBe(!0)}),e.it("does not render image div when tabImage is absent",()=>{const{container:t}=e.render(n.jsx(r.TabsBlock,{...s()}));e.globalExpect(t.querySelector(".tabImage")).toBeNull()})});e.describe("8. Tab CTA link — Button for valid URL; absent for '#' or missing",()=>{e.it("renders a Button when tabLink resolves to a valid URL",()=>{e.render(n.jsx(r.TabsBlock,{...s({items:[l("Tab One",{tabLink:{href:"/learn-more",label:"Learn More"}})]})})),e.globalExpect(e.screen.getByTestId("tab-button")).toBeInTheDocument(),e.globalExpect(e.screen.getByTestId("tab-button").textContent).toBe("Learn More")}),e.it("does not render a Button when tabLink is absent",()=>{e.render(n.jsx(r.TabsBlock,{...s()})),e.globalExpect(e.screen.queryByTestId("tab-button")).toBeNull()}),e.it("does not render a Button when resolved URL is '#'",()=>{e.render(n.jsx(r.TabsBlock,{...s({items:[l("Tab One",{tabLink:{href:"#",label:"Anchor"}})]})})),e.globalExpect(e.screen.queryByTestId("tab-button")).toBeNull()})});e.describe("9. Tab CTA — external links get target=_blank and rel=noopener",()=>{e.it("sets target=_blank for external link type",()=>{e.render(n.jsx(r.TabsBlock,{...s({items:[l("Tab One",{tabLink:{href:"/go",label:"Go",linkOptions:{linkType:"external"}}})]})})),e.globalExpect(e.screen.getByTestId("tab-button").getAttribute("target")).toBe("_blank")}),e.it("sets rel=noopener noreferrer for external links",()=>{e.render(n.jsx(r.TabsBlock,{...s({items:[l("Tab One",{tabLink:{href:"/go",label:"Go",linkOptions:{linkType:"external"}}})]})})),e.globalExpect(e.screen.getByTestId("tab-button").getAttribute("rel")).toBe("noopener noreferrer")}),e.it("sets target=_self for internal links",()=>{e.render(n.jsx(r.TabsBlock,{...s({items:[l("Tab One",{tabLink:{href:"/internal",label:"Internal",linkOptions:{linkType:"internal"}}})]})})),e.globalExpect(e.screen.getByTestId("tab-button").getAttribute("target")).toBe("_self")})});e.describe("10. Tab grid items — GridItems rendered with image and text",()=>{e.it("renders grid item text via renderRichText",()=>{e.render(n.jsx(r.TabsBlock,{...s({items:[l("Tab One",{tabGridItem:[{itemText:c("Grid item text")}]})]})}));const t=e.screen.getAllByTestId("rich-text");e.globalExpect(t.some(a=>a.textContent==="Grid item text")).toBe(!0)}),e.it("renders grid item image via renderImage when provided",()=>{e.render(n.jsx(r.TabsBlock,{...s({items:[l("Tab One",{tabGridItem:[{itemImage:{asset:{_ref:"grid-img"}}}]})],renderImage:g})})),e.globalExpect(e.screen.getByTestId("render-image")).toBeInTheDocument()}),e.it("renders a plain <img> fallback for grid item when renderImage is absent",()=>{const{container:t}=e.render(n.jsx(r.TabsBlock,{...s({items:[l("Tab One",{tabGridItem:[{itemImage:{asset:{_ref:"grid-img"}}}]})],renderImage:void 0})}));e.globalExpect(t.querySelector("img")).toBeInTheDocument()})});e.describe("11. Block-level image",()=>{e.it("renders BlockImage in default layout when image is provided",()=>{e.render(n.jsx(r.TabsBlock,{...s({image:{asset:{_ref:"block-img"}},renderImage:g})})),e.globalExpect(e.screen.getByTestId("render-image")).toBeInTheDocument()}),e.it("does not render a block image when image prop is absent",()=>{const{container:t}=e.render(n.jsx(r.TabsBlock,{...s()}));e.globalExpect(t.querySelector("img")).toBeNull()}),e.it("renders a fill image in full-bleed layout",()=>{e.render(n.jsx(r.TabsBlock,{...s({image:{asset:{_ref:"bg-img"}},styleOptions:{layout:"full-bleed"},renderImage:g})})),e.globalExpect(e.screen.getByTestId("render-image").dataset.fill).toBe("true")})});e.describe("12. renderImage — plain <img> fallback when renderImage not provided",()=>{e.it("renders a plain <img> for tab image when renderImage is absent",()=>{var a;const{container:t}=e.render(n.jsx(r.TabsBlock,{...s({items:[l("Tab One",{tabImage:{asset:{_ref:"tab-img"}}})],renderImage:void 0})}));e.globalExpect(t.querySelector("img")).toBeInTheDocument(),e.globalExpect((a=t.querySelector("img"))==null?void 0:a.getAttribute("src")).toContain("cdn.example.com")})});e.describe("13. renderCallToAction — called with correct props",()=>{e.it("renders CTA via renderCallToAction when items are present",()=>{e.render(n.jsx(r.TabsBlock,{...s({callToAction:{alignment:"center",spacing:"lg",mobileOrientation:"row",items:[{_key:"l1",href:"/go",label:"Go"}]}})})),e.globalExpect(e.screen.getByTestId("cta")).toBeInTheDocument()}),e.it("passes alignment to renderCallToAction",()=>{e.render(n.jsx(r.TabsBlock,{...s({callToAction:{alignment:"right",spacing:"sm",mobileOrientation:"column",items:[{_key:"l1",href:"/x",label:"X"}]}})})),e.globalExpect(e.screen.getByTestId("cta").dataset.alignment).toBe("right")})});e.describe("14. Orientation — forwarded to Tabs",()=>{e.it("passes horizontal orientation by default",()=>{e.render(n.jsx(r.TabsBlock,{...s()})),e.globalExpect(e.screen.getByTestId("tabs").dataset.orientation).toBe("horizontal")}),e.it("passes vertical orientation when styleOptions.orientation=orientationVertical",()=>{e.render(n.jsx(r.TabsBlock,{...s({styleOptions:{layout:"default",orientation:"orientationVertical"}})})),e.globalExpect(e.screen.getByTestId("tabs").dataset.orientation).toBe("vertical")})});e.describe("15. Theme — resolved from styleOptions.theme and forwarded to Tabs",()=>{e.it("passes default theme by default",()=>{e.render(n.jsx(r.TabsBlock,{...s()})),e.globalExpect(e.screen.getByTestId("tabs").dataset.theme).toBe("default")}),e.it("passes dark theme when styleOptions.theme=themeDark",()=>{e.render(n.jsx(r.TabsBlock,{...s({styleOptions:{layout:"default",theme:"themeDark"}})})),e.globalExpect(e.screen.getByTestId("tabs").dataset.theme).toBe("dark")}),e.it("passes light theme when styleOptions.theme=themeLight",()=>{e.render(n.jsx(r.TabsBlock,{...s({styleOptions:{layout:"default",theme:"themeLight"}})})),e.globalExpect(e.screen.getByTestId("tabs").dataset.theme).toBe("light")})});
+"use strict";const s=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),r=require("./index.cjs");e.vi.mock("./styles.module.css",()=>({default:new Proxy({},{get:(a,l)=>l})}));e.vi.mock("../../hooks/useStyleClasses",()=>({useStyleClasses:e.vi.fn(t=>t!=null&&t.tabClass?`tab-style-${t.tabClass}`:"block-style-classes")}));e.vi.mock("../../context/ThemeContext",()=>({useTheme:()=>({mode:"light",mounted:!0,toggleTheme:e.vi.fn(),setTheme:e.vi.fn()})}));let d=!1;e.vi.mock("../../hooks/useMediaQuery",()=>({useMediaQuery:()=>d}));const m=e.vi.fn((t,a)=>({objectFit:"contain"}));e.vi.mock("../../utils/mediaUtils",()=>({resolveImageUrl:(t,a,l)=>t?`https://cdn.example.com/${l??"medium"}.jpg`:void 0,resolveAltText:()=>"Alt text",resolveImageStyle:(t,a)=>m(t,a)}));e.vi.mock("../../utils/resolveLinkUrl",()=>({resolveLinkURL:t=>(t==null?void 0:t.href)??"/resolved"}));const{MockTabs:u,MockTabsList:p,MockTabsTrigger:T,MockTabsPanel:y}=e.vi.hoisted(()=>{const t=e.vi.fn(({children:n})=>s.jsx("div",{"data-testid":"tabs-list",children:n})),a=e.vi.fn(({children:n,index:g})=>s.jsx("button",{"data-testid":"tabs-trigger","data-index":g,children:n})),l=e.vi.fn(({children:n,index:g})=>s.jsx("div",{"data-testid":"tabs-panel","data-index":g,children:n})),i=e.vi.fn(({children:n})=>s.jsx("div",{"data-testid":"tabs",children:n}));return i.List=t,i.Trigger=a,i.Panel=l,{MockTabs:i,MockTabsList:t,MockTabsTrigger:a,MockTabsPanel:l}});e.vi.mock("../../../core/components/Tabs",()=>({Tabs:new Proxy(u,{get:(t,a)=>a==="List"?p:a==="Trigger"?T:a==="Panel"?y:t[a]})}));e.vi.mock("../../../core/components/Button",()=>({Button:({children:t})=>s.jsx("button",{children:t})}));function x(t){return[{_type:"block",_key:"b1",style:"normal",markDefs:[],children:[{_type:"span",_key:"s1",text:t,marks:[]}]}]}const k=({blocks:t,className:a})=>{var l,i,n;return s.jsx("span",{"data-testid":"rich-text",className:a,children:((n=(i=(l=t==null?void 0:t[0])==null?void 0:l.children)==null?void 0:i[0])==null?void 0:n.text)??""})},b={asset:{_ref:"image-abc"}};function o(t,a={}){return{title:t,content:{tabText:x(`${t} body`),...a}}}function c(t={}){return{heading:{title:x("Heading")},items:[o("Tab One")],callToAction:{alignment:"left",spacing:"md",mobileOrientation:"column",items:[]},styleOptions:{layout:"default"},renderRichText:k,...t}}e.beforeEach(()=>{d=!1,m.mockReturnValue({objectFit:"contain"}),u.mockClear(),y.mockClear()});e.describe("1. tabStyleOptions — useStyleClasses result applied to tabContent div",()=>{e.it("applies the tab style class to the tabContent wrapper",()=>{e.render(s.jsx(r.TabsBlock,{...c({items:[o("Tab One",{tabStyleOptions:{tabClass:"fancy"}})]})}));const a=e.screen.getAllByTestId("tabs-panel")[0].querySelector(".tabContent");e.globalExpect(a==null?void 0:a.className).toContain("tab-style-fancy")}),e.it("applies tab style classes from multiple tabs independently",()=>{var a,l;e.render(s.jsx(r.TabsBlock,{...c({items:[o("Tab One",{tabStyleOptions:{tabClass:"alpha"}}),o("Tab Two",{tabStyleOptions:{tabClass:"beta"}})]})}));const t=e.screen.getAllByTestId("tabs-panel");e.globalExpect((a=t[0].querySelector(".tabContent"))==null?void 0:a.className).toContain("tab-style-alpha"),e.globalExpect((l=t[1].querySelector(".tabContent"))==null?void 0:l.className).toContain("tab-style-beta")})});e.describe("2. imageStyle — resolveImageStyle result forwarded to renderImage",()=>{e.it("passes the imageStyle to renderImage for a tab image",()=>{m.mockReturnValue({objectFit:"cover",width:"100%"});const t=e.vi.fn(({style:a})=>s.jsx("img",{"data-testid":"render-image",style:a,src:"x",alt:"x"}));e.render(s.jsx(r.TabsBlock,{...c({items:[o("Tab One",{tabImage:b})],renderImage:t})})),e.globalExpect(t).toHaveBeenCalledWith(e.globalExpect.objectContaining({style:e.globalExpect.objectContaining({objectFit:"cover"})}))})});e.describe("3. imageStyle — applied to plain <img> fallback style",()=>{e.it("merges imageStyle into the fallback <img> style",()=>{m.mockReturnValue({borderRadius:"8px"});const{container:t}=e.render(s.jsx(r.TabsBlock,{...c({items:[o("Tab One",{tabImage:b})],renderImage:void 0})})),a=t.querySelector(".tabImage img");e.globalExpect(a).toBeInTheDocument(),e.globalExpect(a.style.borderRadius).toBe("8px")})});e.describe("4. isMobile — resolveImageStyle called with isMobile flag",()=>{e.it("calls resolveImageStyle with isMobile=false on desktop",()=>{d=!1,e.render(s.jsx(r.TabsBlock,{...c({image:b,items:[o("Tab One",{tabImage:b})]})})),e.globalExpect(m).toHaveBeenCalledWith(e.globalExpect.anything(),!1)}),e.it("calls resolveImageStyle with isMobile=true on mobile",()=>{d=!0,e.render(s.jsx(r.TabsBlock,{...c({image:b,items:[o("Tab One",{tabImage:b})]})})),e.globalExpect(m).toHaveBeenCalledWith(e.globalExpect.anything(),!0)})});e.describe("5. tabStyleOptions absent — no extra class on tabContent when omitted",()=>{e.it("renders tabContent with undefined tabStyles when tabStyleOptions not provided",()=>{e.render(s.jsx(r.TabsBlock,{...c()}));const a=e.screen.getAllByTestId("tabs-panel")[0].querySelector(".tabContent");e.globalExpect(a==null?void 0:a.className).not.toContain("tab-style-")})});

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

@@ -1,52 +1,50 @@
-import { jsx as a } from "react/jsx-runtime";
-import { v as b, b as x, d as c, i as r, r as o, g as n, s as l } from "../../../react.esm-DjxyacK8.js";
-import { TabsBlock as s } from "./index.mjs";
-b.mock("./styles.module.css", () => ({ default: new Proxy({}, { get: (t, d) => d }) }));
-b.mock("../../hooks/useStyleClasses", () => ({
-  useStyleClasses: () => "style-classes"
+import { jsx as s } from "react/jsx-runtime";
+import { v as a, b as x, d as u, i as c, r as m, s as f, g as n } from "../../../react.esm-DjxyacK8.js";
+import { TabsBlock as b } from "./index.mjs";
+a.mock("./styles.module.css", () => ({ default: new Proxy({}, { get: (t, o) => o }) }));
+a.mock("../../hooks/useStyleClasses", () => ({
+  useStyleClasses: a.fn((e) => e != null && e.tabClass ? `tab-style-${e.tabClass}` : "block-style-classes")
 }));
-b.mock("../../context/ThemeContext", () => ({
-  useTheme: () => ({ mode: "light" })
+a.mock("../../context/ThemeContext", () => ({
+  useTheme: () => ({
+    mode: "light",
+    mounted: !0,
+    toggleTheme: a.fn(),
+    setTheme: a.fn()
+  })
 }));
-b.mock("../../utils/mediaUtils", () => ({
-  resolveImageUrl: (e, t, d) => e ? `https://cdn.example.com/${d ?? "medium"}.jpg` : void 0,
-  resolveAltText: (e, t, d) => e ? "Resolved alt text" : d ?? ""
+let T = !1;
+a.mock("../../hooks/useMediaQuery", () => ({
+  useMediaQuery: () => T
 }));
-b.mock("../../utils/resolveLinkUrl", () => ({
+const y = a.fn(
+  (e, t) => ({
+    objectFit: "contain"
+  })
+);
+a.mock("../../utils/mediaUtils", () => ({
+  resolveImageUrl: (e, t, o) => e ? `https://cdn.example.com/${o ?? "medium"}.jpg` : void 0,
+  resolveAltText: () => "Alt text",
+  resolveImageStyle: (e, t) => y(e, t)
+}));
+a.mock("../../utils/resolveLinkUrl", () => ({
   resolveLinkURL: (e) => (e == null ? void 0 : e.href) ?? "/resolved"
 }));
-const { MockTabs: p, MockTabsList: B, MockTabsTrigger: I, MockTabsPanel: f } = b.hoisted(
+const { MockTabs: h, MockTabsList: S, MockTabsTrigger: v, MockTabsPanel: k } = a.hoisted(
   () => {
-    const e = b.fn(({ children: g }) => /* @__PURE__ */ a("div", { "data-testid": "tabs-list", children: g })), t = b.fn(({ children: g, index: T }) => /* @__PURE__ */ a("button", { "data-testid": "tabs-trigger", "data-index": T, children: g })), d = b.fn(({ children: g, index: T }) => /* @__PURE__ */ a("div", { "data-testid": "tabs-panel", "data-index": T, children: g }));
-    return {
-      MockTabs: b.fn(({ children: g, orientation: T, theme: k }) => /* @__PURE__ */ a("div", { "data-testid": "tabs", "data-orientation": T, "data-theme": k, children: g })),
-      MockTabsList: e,
-      MockTabsTrigger: t,
-      MockTabsPanel: d
-    };
+    const e = a.fn(({ children: l }) => /* @__PURE__ */ s("div", { "data-testid": "tabs-list", children: l })), t = a.fn(({ children: l, index: p }) => /* @__PURE__ */ s("button", { "data-testid": "tabs-trigger", "data-index": p, children: l })), o = a.fn(({ children: l, index: p }) => /* @__PURE__ */ s("div", { "data-testid": "tabs-panel", "data-index": p, children: l })), r = a.fn(({ children: l }) => /* @__PURE__ */ s("div", { "data-testid": "tabs", children: l }));
+    return r.List = e, r.Trigger = t, r.Panel = o, { MockTabs: r, MockTabsList: e, MockTabsTrigger: t, MockTabsPanel: o };
   }
 );
-b.mock("../../../core/components/Tabs", () => ({
-  Tabs: Object.assign(p, {
-    List: B,
-    Trigger: I,
-    Panel: f
+a.mock("../../../core/components/Tabs", () => ({
+  Tabs: new Proxy(h, {
+    get: (e, t) => t === "List" ? S : t === "Trigger" ? v : t === "Panel" ? k : e[t]
   })
 }));
-b.mock("../../../core/components/Button", () => ({
-  Button: ({ children: e, href: t, target: d, rel: u, "aria-label": g }) => /* @__PURE__ */ a(
-    "a",
-    {
-      "data-testid": "tab-button",
-      href: t,
-      target: d,
-      rel: u,
-      "aria-label": g,
-      children: e
-    }
-  )
+a.mock("../../../core/components/Button", () => ({
+  Button: ({ children: e }) => /* @__PURE__ */ s("button", { children: e })
 }));
-function h(e) {
+function C(e) {
   return [
     {
       _type: "block",
@@ -57,23 +55,23 @@ function h(e) {
     }
   ];
 }
-const v = ({ blocks: e, className: t }) => {
-  var d, u, g;
-  return /* @__PURE__ */ a("span", { "data-testid": "rich-text", className: t, children: ((g = (u = (d = e == null ? void 0 : e[0]) == null ? void 0 : d.children) == null ? void 0 : u[0]) == null ? void 0 : g.text) ?? "" });
-}, w = ({ items: e, alignment: t }) => /* @__PURE__ */ a("nav", { "data-testid": "cta", "data-alignment": t, children: e.map((d) => /* @__PURE__ */ a("a", { children: d.label }, d._key)) }), y = ({ src: e, alt: t, fill: d }) => /* @__PURE__ */ a("img", { "data-testid": "render-image", src: e, alt: t, "data-fill": d });
-function m(e, t = {}) {
+const I = ({ blocks: e, className: t }) => {
+  var o, r, l;
+  return /* @__PURE__ */ s("span", { "data-testid": "rich-text", className: t, children: ((l = (r = (o = e == null ? void 0 : e[0]) == null ? void 0 : o.children) == null ? void 0 : r[0]) == null ? void 0 : l.text) ?? "" });
+}, g = { asset: { _ref: "image-abc" } };
+function i(e, t = {}) {
   return {
     title: e,
     content: {
-      tabText: h(`${e} body text`),
+      tabText: C(`${e} body`),
       ...t
     }
   };
 }
-function i(e = {}) {
+function d(e = {}) {
   return {
-    heading: { title: h("Tabs Heading") },
-    items: [m("Tab One"), m("Tab Two")],
+    heading: { title: C("Heading") },
+    items: [i("Tab One")],
     callToAction: {
       alignment: "left",
       spacing: "md",
@@ -81,486 +79,133 @@ function i(e = {}) {
       items: []
     },
     styleOptions: { layout: "default" },
-    renderRichText: v,
-    renderCallToAction: w,
+    renderRichText: I,
     ...e
   };
 }
 x(() => {
-  p.mockClear(), B.mockClear(), I.mockClear(), f.mockClear();
-});
-c("1. Default layout", () => {
-  r("renders a section with the default class", () => {
-    var t;
-    const { container: e } = o(/* @__PURE__ */ a(s, { ...i() }));
-    n((t = e.querySelector("section")) == null ? void 0 : t.className).toContain("default");
-  }), r("renders the tabs element", () => {
-    o(/* @__PURE__ */ a(s, { ...i() })), n(l.getByTestId("tabs")).toBeInTheDocument();
-  }), r("renders the heading", () => {
-    o(/* @__PURE__ */ a(s, { ...i() }));
-    const e = l.getAllByTestId("rich-text");
-    n(e.some((t) => t.textContent === "Tabs Heading")).toBe(!0);
-  }), r("does not set data-overlay on the section", () => {
-    var t;
-    const { container: e } = o(/* @__PURE__ */ a(s, { ...i() }));
-    n((t = e.querySelector("section")) == null ? void 0 : t.dataset.overlay).toBeUndefined();
-  });
-});
-c("2. Full-bleed layout", () => {
-  const e = { styleOptions: { layout: "full-bleed" } };
-  r("renders a section with the fullBleed class", () => {
-    var d;
-    const { container: t } = o(/* @__PURE__ */ a(s, { ...i(e) }));
-    n((d = t.querySelector("section")) == null ? void 0 : d.className).toContain(
-      "fullBleed"
-    );
-  }), r("sets data-overlay=true on the section", () => {
-    var d;
-    const { container: t } = o(/* @__PURE__ */ a(s, { ...i(e) }));
-    n((d = t.querySelector("section")) == null ? void 0 : d.dataset.overlay).toBe("true");
-  }), r("renders an overlay div", () => {
-    const { container: t } = o(/* @__PURE__ */ a(s, { ...i(e) }));
-    n(t.querySelector(".overlay")).toBeInTheDocument();
-  }), r("renders the tabs inside the overlay", () => {
-    var d;
-    const { container: t } = o(/* @__PURE__ */ a(s, { ...i(e) }));
-    n(
-      (d = t.querySelector(".overlay")) == null ? void 0 : d.querySelector("[data-testid='tabs']")
-    ).toBeInTheDocument();
-  });
-});
-c("3. Unknown layout — returns null", () => {
-  r("renders nothing for an unknown layout value", () => {
-    const { container: e } = o(
-      /* @__PURE__ */ a(s, { ...i({ styleOptions: { layout: "unknown" } }) })
-    );
-    n(e.firstChild).toBeNull();
-  });
-});
-c("4. Heading area — eyebrow, title, description, disclaimer", () => {
-  r("renders the title", () => {
-    o(/* @__PURE__ */ a(s, { ...i() }));
-    const e = l.getAllByTestId("rich-text");
-    n(e.some((t) => t.textContent === "Tabs Heading")).toBe(!0);
-  }), r("renders the eyebrow when provided", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            heading: {
-              title: h("Title"),
-              eyebrow: h("Product")
-            }
-          })
-        }
-      )
-    );
-    const e = l.getAllByTestId("rich-text");
-    n(e.some((t) => t.textContent === "Product")).toBe(!0);
-  }), r("renders description when provided", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            heading: {
-              title: h("Title"),
-              description: h("Intro paragraph")
-            }
-          })
-        }
-      )
-    );
-    const e = l.getAllByTestId("rich-text");
-    n(e.some((t) => t.textContent === "Intro paragraph")).toBe(!0);
-  }), r("renders disclaimer when provided", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            heading: {
-              title: h("Title"),
-              disclaimer: h("Terms apply")
-            }
-          })
-        }
-      )
-    );
-    const e = l.getAllByTestId("rich-text");
-    n(e.some((t) => t.textContent === "Terms apply")).toBe(!0);
-  });
-});
-c("5. headingLayout class", () => {
-  r("applies headingVertical by default", () => {
-    var t;
-    const { container: e } = o(/* @__PURE__ */ a(s, { ...i() }));
-    n((t = e.querySelector(".heading")) == null ? void 0 : t.className).toContain(
-      "headingVertical"
-    );
-  }), r("applies headingHorizontal when headingLayout=horizontal", () => {
-    var t;
-    const { container: e } = o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            heading: {
-              title: h("Title"),
-              headingLayout: "horizontal"
-            }
-          })
-        }
-      )
-    );
-    n((t = e.querySelector(".heading")) == null ? void 0 : t.className).toContain(
-      "headingHorizontal"
-    );
-  });
-});
-c("6. Tabs element — triggers and panels per item", () => {
-  r("renders one trigger per item", () => {
-    o(/* @__PURE__ */ a(s, { ...i() })), n(l.getAllByTestId("tabs-trigger")).toHaveLength(2);
-  }), r("renders each item title as trigger text", () => {
-    o(/* @__PURE__ */ a(s, { ...i() }));
-    const e = l.getAllByTestId("tabs-trigger");
-    n(e[0].textContent).toBe("Tab One"), n(e[1].textContent).toBe("Tab Two");
-  }), r("renders one panel per item", () => {
-    o(/* @__PURE__ */ a(s, { ...i() })), n(l.getAllByTestId("tabs-panel")).toHaveLength(2);
-  });
+  T = !1, y.mockReturnValue({ objectFit: "contain" }), h.mockClear(), k.mockClear();
 });
-c("7. Tab panel — tabText, tabImage, tabDisclaimer", () => {
-  r("renders tabText via renderRichText", () => {
-    o(/* @__PURE__ */ a(s, { ...i() }));
-    const e = l.getAllByTestId("rich-text");
-    n(e.some((t) => t.textContent === "Tab One body text")).toBe(!0);
-  }), r("renders a tab image when tabImage is provided", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
+u("1. tabStyleOptions — useStyleClasses result applied to tabContent div", () => {
+  c("applies the tab style class to the tabContent wrapper", () => {
+    m(
+      /* @__PURE__ */ s(
+        b,
         {
-          ...i({
+          ...d({
             items: [
-              m("Tab One", {
-                tabImage: { asset: { _ref: "img-abc" } }
-              })
-            ],
-            renderImage: y
-          })
-        }
-      )
-    ), n(l.getByTestId("render-image")).toBeInTheDocument();
-  }), r("renders tabDisclaimer when provided", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            items: [
-              m("Tab One", {
-                tabDisclaimer: h("Tab disclaimer text")
+              i("Tab One", {
+                tabStyleOptions: { tabClass: "fancy" }
               })
             ]
           })
         }
       )
     );
-    const e = l.getAllByTestId("rich-text");
-    n(e.some((t) => t.textContent === "Tab disclaimer text")).toBe(
-      !0
-    );
-  }), r("does not render image div when tabImage is absent", () => {
-    const { container: e } = o(/* @__PURE__ */ a(s, { ...i() }));
-    n(e.querySelector(".tabImage")).toBeNull();
-  });
-});
-c("8. Tab CTA link — Button for valid URL; absent for '#' or missing", () => {
-  r("renders a Button when tabLink resolves to a valid URL", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            items: [
-              m("Tab One", {
-                tabLink: { href: "/learn-more", label: "Learn More" }
-              })
-            ]
-          })
-        }
-      )
-    ), n(l.getByTestId("tab-button")).toBeInTheDocument(), n(l.getByTestId("tab-button").textContent).toBe("Learn More");
-  }), r("does not render a Button when tabLink is absent", () => {
-    o(/* @__PURE__ */ a(s, { ...i() })), n(l.queryByTestId("tab-button")).toBeNull();
-  }), r("does not render a Button when resolved URL is '#'", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
+    const t = f.getAllByTestId("tabs-panel")[0].querySelector(".tabContent");
+    n(t == null ? void 0 : t.className).toContain("tab-style-fancy");
+  }), c("applies tab style classes from multiple tabs independently", () => {
+    var t, o;
+    m(
+      /* @__PURE__ */ s(
+        b,
         {
-          ...i({
+          ...d({
             items: [
-              m("Tab One", {
-                tabLink: { href: "#", label: "Anchor" }
-              })
+              i("Tab One", { tabStyleOptions: { tabClass: "alpha" } }),
+              i("Tab Two", { tabStyleOptions: { tabClass: "beta" } })
             ]
           })
         }
       )
-    ), n(l.queryByTestId("tab-button")).toBeNull();
-  });
-});
-c("9. Tab CTA — external links get target=_blank and rel=noopener", () => {
-  r("sets target=_blank for external link type", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            items: [
-              m("Tab One", {
-                tabLink: {
-                  href: "/go",
-                  label: "Go",
-                  linkOptions: { linkType: "external" }
-                }
-              })
-            ]
-          })
-        }
-      )
-    ), n(l.getByTestId("tab-button").getAttribute("target")).toBe(
-      "_blank"
     );
-  }), r("sets rel=noopener noreferrer for external links", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            items: [
-              m("Tab One", {
-                tabLink: {
-                  href: "/go",
-                  label: "Go",
-                  linkOptions: { linkType: "external" }
-                }
-              })
-            ]
-          })
-        }
-      )
-    ), n(l.getByTestId("tab-button").getAttribute("rel")).toBe(
-      "noopener noreferrer"
-    );
-  }), r("sets target=_self for internal links", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            items: [
-              m("Tab One", {
-                tabLink: {
-                  href: "/internal",
-                  label: "Internal",
-                  linkOptions: { linkType: "internal" }
-                }
-              })
-            ]
-          })
-        }
-      )
-    ), n(l.getByTestId("tab-button").getAttribute("target")).toBe(
-      "_self"
+    const e = f.getAllByTestId("tabs-panel");
+    n((t = e[0].querySelector(".tabContent")) == null ? void 0 : t.className).toContain(
+      "tab-style-alpha"
+    ), n((o = e[1].querySelector(".tabContent")) == null ? void 0 : o.className).toContain(
+      "tab-style-beta"
     );
   });
 });
-c("10. Tab grid items — GridItems rendered with image and text", () => {
-  r("renders grid item text via renderRichText", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            items: [
-              m("Tab One", {
-                tabGridItem: [{ itemText: h("Grid item text") }]
-              })
-            ]
-          })
-        }
-      )
-    );
-    const e = l.getAllByTestId("rich-text");
-    n(e.some((t) => t.textContent === "Grid item text")).toBe(!0);
-  }), r("renders grid item image via renderImage when provided", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
+u("2. imageStyle — resolveImageStyle result forwarded to renderImage", () => {
+  c("passes the imageStyle to renderImage for a tab image", () => {
+    y.mockReturnValue({
+      objectFit: "cover",
+      width: "100%"
+    });
+    const e = a.fn(({ style: t }) => /* @__PURE__ */ s("img", { "data-testid": "render-image", style: t, src: "x", alt: "x" }));
+    m(
+      /* @__PURE__ */ s(
+        b,
+        {
+          ...d({
             items: [
-              m("Tab One", {
-                tabGridItem: [{ itemImage: { asset: { _ref: "grid-img" } } }]
+              i("Tab One", {
+                tabImage: g
               })
             ],
-            renderImage: y
-          })
-        }
-      )
-    ), n(l.getByTestId("render-image")).toBeInTheDocument();
-  }), r("renders a plain <img> fallback for grid item when renderImage is absent", () => {
-    const { container: e } = o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            items: [
-              m("Tab One", {
-                tabGridItem: [{ itemImage: { asset: { _ref: "grid-img" } } }]
-              })
-            ],
-            renderImage: void 0
+            renderImage: e
           })
         }
       )
+    ), n(e).toHaveBeenCalledWith(
+      n.objectContaining({
+        style: n.objectContaining({ objectFit: "cover" })
+      })
     );
-    n(e.querySelector("img")).toBeInTheDocument();
-  });
-});
-c("11. Block-level image", () => {
-  r("renders BlockImage in default layout when image is provided", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            image: { asset: { _ref: "block-img" } },
-            renderImage: y
-          })
-        }
-      )
-    ), n(l.getByTestId("render-image")).toBeInTheDocument();
-  }), r("does not render a block image when image prop is absent", () => {
-    const { container: e } = o(/* @__PURE__ */ a(s, { ...i() }));
-    n(e.querySelector("img")).toBeNull();
-  }), r("renders a fill image in full-bleed layout", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            image: { asset: { _ref: "bg-img" } },
-            styleOptions: { layout: "full-bleed" },
-            renderImage: y
-          })
-        }
-      )
-    ), n(l.getByTestId("render-image").dataset.fill).toBe("true");
   });
 });
-c("12. renderImage — plain <img> fallback when renderImage not provided", () => {
-  r("renders a plain <img> for tab image when renderImage is absent", () => {
-    var t;
-    const { container: e } = o(
-      /* @__PURE__ */ a(
-        s,
+u("3. imageStyle — applied to plain <img> fallback style", () => {
+  c("merges imageStyle into the fallback <img> style", () => {
+    y.mockReturnValue({ borderRadius: "8px" });
+    const { container: e } = m(
+      /* @__PURE__ */ s(
+        b,
         {
-          ...i({
-            items: [
-              m("Tab One", {
-                tabImage: { asset: { _ref: "tab-img" } }
-              })
-            ],
+          ...d({
+            items: [i("Tab One", { tabImage: g })],
             renderImage: void 0
           })
         }
       )
-    );
-    n(e.querySelector("img")).toBeInTheDocument(), n((t = e.querySelector("img")) == null ? void 0 : t.getAttribute("src")).toContain(
-      "cdn.example.com"
-    );
+    ), t = e.querySelector(".tabImage img");
+    n(t).toBeInTheDocument(), n(t.style.borderRadius).toBe("8px");
   });
 });
-c("13. renderCallToAction — called with correct props", () => {
-  r("renders CTA via renderCallToAction when items are present", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            callToAction: {
-              alignment: "center",
-              spacing: "lg",
-              mobileOrientation: "row",
-              items: [{ _key: "l1", href: "/go", label: "Go" }]
-            }
-          })
-        }
-      )
-    ), n(l.getByTestId("cta")).toBeInTheDocument();
-  }), r("passes alignment to renderCallToAction", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
+u("4. isMobile — resolveImageStyle called with isMobile flag", () => {
+  c("calls resolveImageStyle with isMobile=false on desktop", () => {
+    T = !1, m(
+      /* @__PURE__ */ s(
+        b,
         {
-          ...i({
-            callToAction: {
-              alignment: "right",
-              spacing: "sm",
-              mobileOrientation: "column",
-              items: [{ _key: "l1", href: "/x", label: "X" }]
-            }
+          ...d({
+            image: g,
+            items: [i("Tab One", { tabImage: g })]
           })
         }
       )
-    ), n(l.getByTestId("cta").dataset.alignment).toBe("right");
-  });
-});
-c("14. Orientation — forwarded to Tabs", () => {
-  r("passes horizontal orientation by default", () => {
-    o(/* @__PURE__ */ a(s, { ...i() })), n(l.getByTestId("tabs").dataset.orientation).toBe("horizontal");
-  }), r("passes vertical orientation when styleOptions.orientation=orientationVertical", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
+    ), n(y).toHaveBeenCalledWith(
+      n.anything(),
+      !1
+    );
+  }), c("calls resolveImageStyle with isMobile=true on mobile", () => {
+    T = !0, m(
+      /* @__PURE__ */ s(
+        b,
         {
-          ...i({
-            styleOptions: {
-              layout: "default",
-              orientation: "orientationVertical"
-            }
+          ...d({
+            image: g,
+            items: [i("Tab One", { tabImage: g })]
           })
         }
       )
-    ), n(l.getByTestId("tabs").dataset.orientation).toBe("vertical");
+    ), n(y).toHaveBeenCalledWith(n.anything(), !0);
   });
 });
-c("15. Theme — resolved from styleOptions.theme and forwarded to Tabs", () => {
-  r("passes default theme by default", () => {
-    o(/* @__PURE__ */ a(s, { ...i() })), n(l.getByTestId("tabs").dataset.theme).toBe("default");
-  }), r("passes dark theme when styleOptions.theme=themeDark", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            styleOptions: { layout: "default", theme: "themeDark" }
-          })
-        }
-      )
-    ), n(l.getByTestId("tabs").dataset.theme).toBe("dark");
-  }), r("passes light theme when styleOptions.theme=themeLight", () => {
-    o(
-      /* @__PURE__ */ a(
-        s,
-        {
-          ...i({
-            styleOptions: { layout: "default", theme: "themeLight" }
-          })
-        }
-      )
-    ), n(l.getByTestId("tabs").dataset.theme).toBe("light");
+u("5. tabStyleOptions absent — no extra class on tabContent when omitted", () => {
+  c("renders tabContent with undefined tabStyles when tabStyleOptions not provided", () => {
+    m(/* @__PURE__ */ s(b, { ...d() }));
+    const t = f.getAllByTestId("tabs-panel")[0].querySelector(".tabContent");
+    n(t == null ? void 0 : t.className).not.toContain("tab-style-");
   });
 });

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

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

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

package/package.json

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