1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`738f9327306d258a296bbb03cea86d386e5f7c98`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`425b387e-2ccc-4e22-9458-bfc0c3a59311`,e._sentryDebugIdIdentifier=`sentry-dbid-425b387e-2ccc-4e22-9458-bfc0c3a59311`)}catch{}})();import{o as e}from"./rolldown-runtime-91I_V7PK.js";import{t}from"./react-C9pA0G0A.js";import{t as n}from"./jsx-runtime-BYG1zCFg.js";import{i as r,n as i,r as a}from"./ShowcaseSheet-CBH96tKO.js";var o=e(t(),1),s=n(),c=4e3,l={3:`lg:grid-cols-3`,4:`lg:grid-cols-4`,5:`lg:grid-cols-5`,6:`lg:grid-cols-3`};function u({eyebrow:e,eyebrowIcon:t,title:n,lead:u,steps:d}){let f=(0,o.useRef)(null),[p,m]=(0,o.useState)(0),[h,g]=(0,o.useState)(!1),[_,v]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let e=f.current;if(!e||globalThis.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches)return;let t=new IntersectionObserver(([e])=>g(e.isIntersecting),{threshold:.3});return t.observe(e),()=>t.disconnect()},[]);let y=h&&!_;return(0,o.useEffect)(()=>{if(!y)return;let e=globalThis.setTimeout(()=>m(e=>(e+1)%d.length),c);return()=>globalThis.clearTimeout(e)},[y,p,d.length]),(0,s.jsx)(`section`,{className:`border-y border-ru-n-100 bg-ru-n-50`,children:(0,s.jsxs)(`div`,{className:i,children:[(0,s.jsx)(r,{eyebrow:e,icon:t,title:n,children:u}),(0,s.jsx)(`ol`,{ref:f,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),onFocusCapture:()=>v(!0),onBlurCapture:()=>v(!1),className:`grid list-none gap-3 p-0 sm:grid-cols-2 ${l[d.length]??`lg:grid-cols-4`}`,children:d.map((e,t)=>{let n=p===t;return(0,s.jsx)(`li`,{className:`min-w-0`,children:(0,s.jsxs)(`button`,{type:`button`,"aria-pressed":n,onClick:()=>m(t),className:`relative flex h-full w-full cursor-pointer flex-col gap-2.5 overflow-hidden rounded-2xl border bg-white p-5 text-left transition-all duration-300 motion-reduce:transition-none ${n?`-translate-y-1 border-ru-blue-600 shadow-md`:`border-ru-n-200 hover:border-ru-n-300`}`,children:[n&&y&&(0,s.jsx)(`span`,{"aria-hidden":`true`,style:{animationDuration:`${c}ms`},className:`absolute inset-x-0 top-0 h-0.5 origin-left animate-ru-progress bg-ru-blue-600`}),(0,s.jsxs)(`span`,{className:`flex items-center justify-between`,children:[(0,s.jsx)(`span`,{className:`flex size-10 items-center justify-center rounded-[10px] border transition-colors ${n?`border-ru-blue-600 bg-ru-blue-600 text-white`:`border-ru-blue-200 bg-ru-blue-50 text-ru-blue-600`}`,children:(0,s.jsx)(a,{children:e.icon})}),(0,s.jsxs)(`span`,{className:`font-mono text-[12.5px] font-semibold text-ru-n-400`,children:[`0`,t+1]})]}),(0,s.jsx)(`span`,{className:`font-display text-[17px] font-bold tracking-[-0.015em] text-ru-n-700`,children:e.title}),(0,s.jsx)(`span`,{className:`text-[14.5px]/[1.5] text-ru-n-500`,children:e.body})]})},e.title)})})]})})}export{u as t};
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.