PageSourceSearch

https://cdn.shopify.com/shopifycloud/world/brochure/production-homepage/assets/Card-CiT5UibE.js

js shopify.com collected 2026-09-24 03:05:07 UTC 4,782 bytes, 2 lines download raw bytes

1import{I as e,N as t}from"./chunk-62JRHF6Z-D3Q3NlnB.js";import{t as n}from"./jsx-runtime-Cvx0fZjB.js";import{O as r,_ as i,j as a,w as o,x as s}from"./Wrapper-Dc1QKEQT.js";import{r as c}from"./debounce-B4_V2ygj.js";import{t as l}from"./useAriaLabel-DDJpImM7.js";import{t as u}from"./HeadingGroup-BbAVhMiB.js";import{t as d}from"./Button-BchCQJsY.js";var f=e(t(),1),p=e(i(),1),m=n(),h=r(`group font-bold focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out`,{variants:{mode:{light:`text-link-light focus:text-link-light-focus hover:text-link-light-hover active:text-link-light-active disabled:text-link-light-disabled`,dark:`text-link-dark focus:text-link-dark-focus hover:text-link-dark-hover active:text-link-dark-active disabled:text-link-dark-disabled`},size:{small:`text-button-size`,large:`text-button-lg-size`}}});function g({arrow:e=!0,children:t,className:n=`link no-underline`,mode:r=`light`,size:i=`large`,componentName:c,"aria-label":u,...d}){let f=l({external:!!(d.href&&(d.href.startsWith(`http://`)||d.href.startsWith(`https://`))),children:t,ariaLabel:u,target:d.target});return(0,m.jsxs)(`a`,{"data-component-name":c,"data-mode":r,className:a(h({mode:r,size:i}),n),style:{widows:2},"aria-label":f,...d,children:[(0,m.jsx)(`span`,{className:`inline underline hover:no-underline`,children:t}),e&&(0,m.jsxs)(`span`,{className:`inline whitespace-nowrap`,children:[`\xA0`,(0,m.jsx)(s,{size:16,icon:o.Arrow,className:`inline w-[1em] h-[1em] ml-[0.5ch] align-text-bottom leading-[inherit] opacity-0 transition-all translate-x-[-.5em] ease-in-out duration-150 group-hover:translate-x-0 group-hover:opacity-100`})]})]})}var _=function(e){return e.Default=`default`,e.MediumGreen=`mediumGreen`,e.None=`none`,e}({}),v=(0,f.forwardRef)(function({background:e=`default`,backgroundStyles:t,button:n,children:r,className:i,componentName:a,headingGroup:l,headingGroupPosition:f=`bottom`,isFullWidth:h=!1,link:_,mediaContainerAspectRatio:v,pill:y,subheadClassName:b,isContentRelative:x=!0,hasSolidBackgroundForSafari:S=!1,step:C,stretchCard:w=!1},T){let E=e!==`none`,D=t!==void 0&&t.length>0,O=e==="default",k=e===`mediumGreen`,A=n?(0,m.jsx)(d,{mode:`dark`,intent:`secondary`,size:`small`,href:n.href,external:n.external,className:`whitespace-nowrap`,children:n.children}):null,j=null;_&&(j=_?.externalLink?(0,m.jsxs)(g,{href:_.href,target:_.target,rel:_.rel,arrow:!1,children:[_.text,`\xA0`,(0,m.jsx)(s,{size:16,icon:o.Arrow,className:`inline -rotate-45 w-[1em] h-[1em] align-baseline leading-[inherit] opacity-0 transition-all translate-x-[-.5em] ease-in-out duration-150 group-hover:translate-x-0 group-hover:opacity-100`})]}):(0,m.jsx)(g,{href:_.href,target:_.target,rel:_.rel,children:_.text}));let M=(0,p.default)(`safari-specific:[&_.glow-0]:hidden`,`safari-specific:[&_video]:[mask-composite:intersect] safari-specific:[&_video]:[mask-type:alpha]`,`safari-specific:[&_video]:[mask-image:linear-gradient(90deg,white_97%,transparent_100%),linear-gradient(180deg,white_97%,transparent_100%),linear-gradient(270deg,white_97%,transparent_100%),linear-gradient(0deg,white_97%,transparent_100%)]`);return(0,m.jsxs)(`div`,{"data-component-name":a,className:c((0,p.default)(`relative rounded-xl overflow-hidden flex flex-col`,{"min-h-[400px] sm:min-h-0":!h&&(O||k),"flex-col-reverse":f===`top`,"justify-between border-t border-hairline-green":E,"bg-card-gradient shadow-card":O,"shadow-medium-green-card bg-medium-green":k,"bg-deep-green":D,"h-full":w}),S?M:``,i),style:{containerType:`inline-size`},ref:T,children:[t&&t.map((e,t)=>(0,m.jsx)(`div`,{className:c(`absolute w-full h-full top-0 left-0 z-0 glow-${t}`,e)},`glow-${t}`)),(0,m.jsxs)(`div`,{className:(0,p.default)(`z-10`,{grow:E,relative:x}),style:{aspectRatio:v||`auto`},children:[y&&(0,m.jsx)(`span`,{className:`absolute block z-20 bg-tag-shade top-md left-8 px-6 py-3 rounded-full`,children:y}),r&&r]}),C&&(0,m.jsx)(`div`,{className:`flex items-center gap-x-3 pt-md text-[0.75rem] text-avocado after:w-full after:h-px after:bg-[#f0f0f0]/30`,children:(0,m.jsx)(`span`,{className:`whitespace-nowrap`,children:C})}),(0,m.jsxs)(`div`,{className:(0,p.default)({"flex flex-col justify-between h-full":w}),children:[l&&(0,m.jsx)(u,{...l,className:c((0,p.default)(`z-10 px-lg pb-lg pt-md sm:pt-lg max-w-[65ch] text-pretty [transform:translateZ(0)]`,{"px-0":!E},l&&l.className)),headingAs:l.headingAs||`h4`,headingClassName:c(`mb-sm md:mb-xs text-pretty`,l.headingClassName),size:l.size||`t7`,subheadSize:l.subheadSize||`body-sm`,subheadClassName:c((0,p.default)({"text-gray-a":O,"text-gray-b":k,"text-gray-c":!E},b))}),n||_?(0,m.jsxs)(`div`,{className:`flex flex-wrap gap-2 items-center pb-6`,children:[A,j]}):null]})]})});export{_ as n,v as t};
2//# sourceMappingURL=Card-CiT5UibE.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.