PageSourceSearch

https://cdn.shopify.com/shopifycloud/world/brochure/production-shopify/assets/HeadingGroup-Cb9ji1T0.js

js shopify.com collected 2026-09-24 03:05:29 UTC 3,111 bytes, 2 lines download raw bytes

1import{K as e,Y as t}from"./chunk-62JRHF6Z-Bxb16a7V.js";import{t as n}from"./jsx-runtime-B7wtUTmV.js";import{t as r}from"./twMerge-DDLWS7Ly.js";import{t as i}from"./dist-DLh16i5j.js";import{t as a}from"./Icon-BsnPJGxl.js";import{t as o}from"./Typography-C-YXO22O.js";var s=t(e(),1),c=n(),l=i(`inline-block text-xs uppercase font-bold px-2 py-1 rounded align-top`,{variants:{size:{lg:`text-sm`,base:`text-xs`},mode:{light:`bg-badge-light-bg text-badge-light-text`,dark:`bg-badge-dark-bg text-badge-dark-text`}}});function u({className:e,children:t,mode:n=`light`,as:i=`p`,size:a=`base`}){return(0,c.jsx)(o,{as:i,isRichtext:!1,className:r(l({mode:n,size:a}),e),"data-component-name":`badge`,children:t})}function d({children:e,className:t,as:n=`p`,size:i=`base`}){return(0,c.jsx)(o,{className:r({lg:`text-base tracking-ff-tight`,base:`text-sm`,sm:`text-xs`}[i],`font-bold uppercase leading-none`,t),as:n,children:e,componentName:`kicker`,isRichtext:!1})}var f=i(``,{variants:{center:{true:`text-center`,false:`text-start`},mode:{light:`text-section-light-text`,dark:`text-section-dark-text`},horizontal:{true:`sm:grid sm:grid-cols-2 sm:gap-x-8 sm:items-end`,false:``}},defaultVariants:{mode:`light`,center:!1}}),p=i(`flex text-balance`,{variants:{center:{true:`justify-center`,false:``}}}),m=i(`pb-xs`,{variants:{mode:{light:`text-eyebrow-light-text`,dark:`text-eyebrow-dark-text`}}}),h=i(`opacity-body`,{variants:{size:{dsp:`pt-sm`,t1:`pt-sm`,t2:`pt-sm`,t3:`pt-2`,t4:`pt-2`,t5:`pt-2`,t6:`pt-2`,t7:`pt-2`,t8:`pt-2`},kickerOrHeading:{true:``,false:`pt-0`},horizontal:{true:`md:pt-0`,false:``}}}),g=e=>typeof e==`string`?e.includes(`<p>`)||!e?.includes(`<div>`):e instanceof Object?e.props.children.includes(`<p>`)||!e.props.children.includes(`<div>`):!1;function _({center:e,className:t,horizontal:n=!1,kicker:i,kickerAs:l=`h2`,headingAs:_=i?`p`:`h2`,headingHtml:v,iconProps:y,isKickerBadge:b=!1,mode:x=`light`,size:S=`t2`,subheadHtml:C,subheadAs:w,...T}){let E=g(C),D={kicker:{dsp:`lg`,t1:`lg`,t2:`lg`,t3:`lg`,t4:`base`,t5:`base`,t6:`base`,t7:`sm`,t8:`sm`},subhead:{dsp:`lg`,t1:`lg`,t2:`lg`,t3:`base`,t4:`base`,t5:`base`,t6:`base`,t7:`sm`,t8:`sm`},badge:{dsp:`lg`,t1:`lg`,t2:`lg`,t3:`base`,t4:`base`,t5:`base`,t6:`base`,t7:`base`,t8:`base`}},O=n?`div`:s.Fragment,k=n?{className:`flex flex-col`}:{};return(0,c.jsxs)(`div`,{className:r(f({center:e,mode:x,horizontal:n}),t),"data-mode":x,"data-component-name":`heading-group`,...T,children:[(0,c.jsxs)(O,{...k,children:[i&&(b?(0,c.jsx)(u,{mode:x,as:l,className:`mb-xs`,size:D.badge[S]===`sm`?`base`:D.badge[S],children:i}):(0,c.jsx)(d,{as:l,size:D.kicker[S],className:m({mode:x}),children:i})),v&&(0,c.jsx)(c.Fragment,{children:y?(0,c.jsxs)(`div`,{className:p({center:e}),children:[(0,c.jsx)(o,{size:S,as:_,children:v}),(0,c.jsx)(a,{className:`mx-2 self-start`,size:18,...y})]}):(0,c.jsx)(o,{className:`text-balance`,size:S,as:_,children:v})})]}),C&&(0,c.jsx)(o,{className:h({size:S,kickerOrHeading:!!(i||v),horizontal:n}),as:w||(E?`div`:`p`),size:`body-${D.subhead[S]}`,children:C})]})}export{d as n,u as r,_ as t};
2//# sourceMappingURL=HeadingGroup-Cb9ji1T0.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.