https://ssicevs.com/assets/LibraryCtaVariants-DFCtC6OD.js

1import{r as a,j as e}from"./metal-fx-C6GZ_SKA.js";import{e$ as se,eG as oe,eT as I,bM as ne,c$ as O,f4 as ie,eW as le,eA as W}from"./index-D1yBc__G.js";import{n as D}from"./Check.es-B2lwH8mS.js";import{s as de,u as ce}from"./library-CFM6UuWm.js";import{f as Y}from"./MagnifyingGlass.es-BEZJJaij.js";import{n as U}from"./Star.es-D8RekT4X.js";import{I as me}from"./images-badge-CsAAMLw1.js";import{T as pe}from"./texture-panel-CYKV8jQy.js";import{F as xe}from"./flickering-grid-B0nRy_W2.js";import"./motion-BHwmuFpx.js";import"./ArrowLineUp.es-ul7yRnSc.js";import"./ArrowsDownUp.es-BljJRZv_.js";import"./ArrowsLeftRight.es-CHeeMxjw.js";import"./ArrowsOutSimple.es-BE5-_0rR.js";import"./Binoculars.es-Doc1_w36.js";import"./BookOpen.es-BQh6QKWO.js";import"./Table.es-wVzZgjBy.js";import"./CalendarBlank.es-DgCoYKmp.js";import"./CaretDown.es-D_rsxVrV.js";import"./ChartLine.es-DDh1kP89.js";import"./ChartLineUp.es-B7PQlweK.js";import"./CheckCircle.es-BrwnSsJ6.js";import"./ClockCounterClockwise.es-CvQkW4ZZ.js";import"./Coins.es-O2p2Ug3t.js";import"./Command.es-Cv4_QMrS.js";import"./Compass.es-BPGGz_0f.js";import"./CreditCard.es-DmPudVZg.js";import"./DownloadSimple.es-81cH4wjp.js";import"./Faders.es-BEh6Z1gK.js";import"./GearSix.es-DilJl0mO.js";import"./Info.es-BzICPLLU.js";import"./ListChecks.es-CE0o0BwQ.js";import"./ListNumbers.es-CyxAvH2R.js";import"./Pulse.es-C6F1i2_i.js";import"./Receipt.es-D8Za6EZm.js";import"./Rows.es-BVfQBVNu.js";import"./Sidebar.es-DWfWbTRf.js";import"./Sparkle.es-ATwqGlwV.js";import"./Stack.es-CVlaeRW0.js";import"./Swap.es-By965rOM.js";import"./Wallet.es-BzwpuH9P.js";import"./library-loaders-BoDKt841.js";import"./Cube.es-BSTNQXmI.js";import"./Lightning.es-DOeALmaQ.js";import"./controls-lL6mtqqv.js";import"./FigmaShader-CV0yj5Yl.js";import"./use-in-view-D8AUUq7X.js";import"./ProBadge-DeHkw0Dw.js";import"./index-BYYQuCeG.js";import"./index-CWZHqrBj.js";import"./index-CQWrk29H.js";import"./CaretLeft.es-C4E89nBF.js";import"./ContactForm-7E2MVUQw.js";import"./parts-BmxketN2.js";import"./CaretRight.es-BuzfOvte.js";import"./LockSimple.es-BAYFhj7r.js";import"./LiveStage-BytPPZ53.js";import"./PreviewLoader-bPoMLVZ_.js";const ue=new Map([["bold",a.createElement(a.Fragment,null,a.createElement("path",{d:"M176,52H80a76,76,0,0,0,0,152h96a76,76,0,0,0,0-152Zm0,128H80A52,52,0,0,1,80,76h96a52,52,0,0,1,0,104Zm0-92a40,40,0,1,0,40,40A40,40,0,0,0,176,88Zm0,56a16,16,0,1,1,16-16A16,16,0,0,1,176,144Z"}))],["duotone",a.createElement(a.Fragment,null,a.createElement("path",{d:"M208,128a32,32,0,1,1-32-32A32,32,0,0,1,208,128Z",opacity:"0.2"}),a.createElement("path",{d:"M176,56H80a72,72,0,0,0,0,144h96a72,72,0,0,0,0-144Zm0,128H80A56,56,0,0,1,80,72h96a56,56,0,0,1,0,112Zm0-96a40,40,0,1,0,40,40A40,40,0,0,0,176,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,176,152Z"}))],["fill",a.createElement(a.Fragment,null,a.createElement("path",{d:"M176,56H80a72,72,0,0,0,0,144h96a72,72,0,0,0,0-144Zm0,112a40,40,0,1,1,40-40A40,40,0,0,1,176,168Z"}))],["light",a.createElement(a.Fragment,null,a.createElement("path",{d:"M176,58H80a70,70,0,0,0,0,140h96a70,70,0,0,0,0-140Zm0,128H80A58,58,0,0,1,80,70h96a58,58,0,0,1,0,116Zm0-96a38,38,0,1,0,38,38A38,38,0,0,0,176,90Zm0,64a26,26,0,1,1,26-26A26,26,0,0,1,176,154Z"}))],["regular",a.createElement(a.Fragment,null,a.createElement("path",{d:"M176,56H80a72,72,0,0,0,0,144h96a72,72,0,0,0,0-144Zm0,128H80A56,56,0,0,1,80,72h96a56,56,0,0,1,0,112Zm0-96a40,40,0,1,0,40,40A40,40,0,0,0,176,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,176,152Z"}))],["thin",a.createElement(a.Fragment,null,a.createElement("path",{d:"M176,60H80a68,68,0,0,0,0,136h96a68,68,0,0,0,0-136Zm0,128H80A60,60,0,0,1,80,68h96a60,60,0,0,1,0,120Zm0-96a36,36,0,1,0,36,36A36,36,0,0,0,176,92Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,176,156Z"}))]]),K=a.forwardRef((t,r)=>a.createElement(se,{ref:r,...t,weights:ue}));K.displayName="ToggleRightIcon";const he=K,fe=(t,r)=>t<=0?[]:Array.from({length:t},(o,l)=>{const s=8+Math.random()*84,m=-28+Math.random()*56,x=160+Math.random()*160,u=.8+Math.random()*1.8,f=Math.random()*r,g=r*(.75+Math.random()*.5),v=.6+Math.random()*.5;return{id:`${l}-${Math.round(s*10)}`,left:s,rotate:m,width:x,swing:u,delay:f,duration:g,intensity:v}}),ge=({left:t,rotate:r,width:o,swing:l,delay:s,duration:m,intensity:x})=>e.jsx(I.div,{className:"pointer-events-none absolute -top-[12%] left-[var(--ray-left)] h-[var(--light-rays-length)] w-[var(--ray-width)] origin-top -translate-x-1/2 roun

1ded-full bg-linear-to-b from-[color-mix(in_srgb,var(--light-rays-color)_70%,transparent)] to-transparent opacity-0 mix-blend-screen blur-[var(--light-rays-blur)]",style:{"--ray-left":`${t}%`,"--ray-width":`${o}px`},initial:{rotate:r},animate:{opacity:[0,x,0],rotate:[r-l,r+l,r-l]},transition:{duration:m,repeat:1/0,ease:"easeInOut",delay:s,repeatDelay:m*.1}});function be({className:t,style:r,count:o=7,color:l="rgba(160, 210, 255, 0.2)",blur:s=36,speed:m=14,length:x="70vh",ref:u,...f}){const[g,v]=a.useState([]),N=Math.max(m,.1);return a.useEffect(()=>{v(fe(o,N))},[o,N]),e.jsx("div",{ref:u,className:oe("pointer-events-none absolute inset-0 isolate overflow-hidden rounded-[inherit]",t),style:{"--light-rays-color":l,"--light-rays-blur":`${s}px`,"--light-rays-length":x,...r},...f,children:e.jsxs("div",{className:"absolute inset-0 overflow-hidden",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0 opacity-60",style:{background:"radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--light-rays-color) 45%, transparent), transparent 70%)"}}),e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0 opacity-60",style:{background:"radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--light-rays-color) 35%, transparent), transparent 75%)"}}),g.map(_=>e.jsx(ge,{..._},_.id))]})})}const je={backgroundImage:"linear-gradient(87.11deg, rgb(255,255,255) 17.87%, color-mix(in srgb, var(--foreground) 90%, transparent) 45.18%, color-mix(in srgb, var(--foreground) 86%, transparent) 57.76%)",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",textShadow:"0 3px 18px rgba(0,0,0,0.5)"},ye={backgroundImage:"linear-gradient(180deg, rgb(255,255,255) 0%, color-mix(in srgb, var(--foreground) 55%, transparent) 100%)",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent"},ve=["/projects/taomarketcap-showcase-poster.jpg","/projects/celium-poster.jpg","/projects/desearch-poster.jpg","/projects/drippler-poster.jpg","/projects/rizzy-poster.jpg","/projects/taomarketcap-poster.jpg"],M="/library/sidebar";function A({children:t="Enter the library"}){return e.jsxs("a",{href:M,className:"group inline-flex items-center gap-2 rounded-full bg-foreground px-5 py-2.5 text-[14px] font-semibold text-background shadow-[0_8px_24px_-10px_color-mix(in_srgb,var(--foreground)_55%,transparent)] transition-transform duration-300 hover:-translate-y-0.5",children:[t,e.jsx(W,{weight:"bold",className:"h-4 w-4"})]})}function T({children:t}){return e.jsx("a",{href:M,className:"inline-flex items-center gap-2 rounded-full border border-line-strong bg-foreground

1/[0.03] px-5 py-2.5 text-[14px] font-medium text-foreground transition-colors duration-300 hover:bg-foreground/[0.07]",children:t})}const k="rounded-[3px] bg-[#5aaaff] px-1.5 py-0.5 font-mono text-[10px] font-semibold leading-none text-[#04101f] shadow-sm",P="radial-gradient(circle 300px at var(--bx, 50%) var(--by, 50%), #000 0%, #000 18%, transparent 100%)";function Ne({index:t,title:r,heading:o,caption:l,blueprint:s=!1,framed:m=!0,children:x}){const u=a.useRef(null),f=a.useRef(null),g=a.useRef(null),[v,N]=a.useState(!1),[_,Q]=a.useState([]),[b,ee]=a.useState(null),[i,te]=a.useState(null),j=a.useCallback(()=>{var L;const n=u.current;if(!n)return;const d=n.getBoundingClientRect();ee({w:Math.round(d.width),h:Math.round(d.height)});const h=(L=g.current)==null?void 0:L.getBoundingClientRect();h&&te({top:h.top-d.top,left:h.left-d.left,width:h.width,height:h.height});const z=re=>{const C=Array.from(n.querySelectorAll(re)).map(p=>p.getBoundingClientRect()).sort((p,w)=>p.top-w.top),H=[];for(let p=0;p<C.length-1;p++){const w=C[p+1].top-C[p].bottom;w>2&&H.push({top:C[p].bottom-d.top,height:w,label:`${Math.round(w)}`})}return H};Q([...z("[data-bp]"),...z("[data-bp-in]")])},[]);a.useLayoutEffect(()=>{if(!s)return;j();const n=new ResizeObserver(j);return u.current&&n.observe(u.current),window.addEventListener("resize",j),()=>{n.disconnect(),window.removeEventListener("resize",j)}},[s,j]);const ae=n=>{const d=f.current;if(!d)return;const h=n.currentTarget.getBoundingClientRect();d.style.setProperty("--bx",`${n.clientX-h.left}px`),d.style.setProperty("--by",`${n.clientY-h.top}px`)};

1return e.jsx("div",{className:"border-b border-foreground/10 px-4 py-20 sm:px-6",children:e.jsxs("div",{ref:u,className:"relative mx-auto max-w-[1100px]",onMouseEnter:s?()=>{N(!0),j()}:void 0,onMouseLeave:s?()=>N(!1):void 0,onMouseMove:s?ae:void 0,children:[s&&e.jsxs("div",{ref:f,"aria-hidden":!0,className:"pointer-events-none absolute inset-0 z-20 transition-opacity duration-300 ease-out",style:{opacity:v?1:0,maskImage:P,WebkitMaskImage:P},children:[e.jsx("div",{className:"absolute inset-0 border border-dashed border-[#5aaaff]/60"}),e.jsx("div",{className:"absolute left-0 top-0 h-2.5 w-2.5 border-l border-t border-[#5aaaff]"}),e.jsx("div",{className:"absolute right-0 top-0 h-2.5 w-2.5 border-r border-t border-[#5aaaff]"}),e.jsx("div",{className:"absolute bottom-0 left-0 h-2.5 w-2.5 border-b border-l border-[#5aaaff]"}),e.jsx("div",{className:"absolute bottom-0 right-0 h-2.5 w-2.5 border-b border-r border-[#5aaaff]"}),e.jsxs("div",{className:"absolute inset-x-0 -top-3",children:[e.jsx("div",{className:"absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-[#5aaaff]/70"}),e.jsx("div",{className:"absolute left-0 top-1/2 h-2 w-px -translate-y-1/2 bg-[#5aaaff]/70"}),e.jsx("div",{className:"absolute right-0 top-1/2 h-2 w-px -translate-y-1/2 bg-[#5aaaff]/70"}),e.jsx("span",{className:`absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 ${k}`,children:(b==null?void 0:b.w)??0})]}),e.jsxs("div",{className:"absolute inset-y-0 -left-3",children:[e.jsx("div",{className:"absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-[#5aaaff]/70"}),e.jsx("div",{className:"absolute left-1/2 top-0 h-px w-2 -translate-x-1/2 bg-[#5aaaff]/70"}),e.jsx("div",{className:"absolute left-1/2 bottom-0 h-px w-2 -translate-x-1/2 bg-[#5aaaff]/70"}),e.jsx("span",{className:`absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 -rotate-90 ${k}`,children:(b==null?void 0:b.h)??0})]}),_.map((n,d)=>e.jsx(R,{top:n.top,height:n.height,label:n.label},d)),i&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute border border-dashed border-[#5aaaff]/40",style:{top:i.top+96,left:i.left+32,width:i.width-64,height:i.height-192}}),e.jsx(R,{top:i.top,height:96,label:"96"}),e.jsx(R,{top:i.top+i.height-96,height:96,label:"96"}),[i.left,i.left+i.width-32].map((n,d)=>e.jsxs("div",{className:"absolute",style:{top:i.top+i.height/2,left:n,width:32},children:[e.jsx("div",{className:"absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-[#5aaaff]"}),e.jsx("div",{className:"absolute left-0 top-1/2 h-2 w-px -translate-y-1/2 bg-[#5aaaff]"}),e.jsx("div",{className:"absolute right-0 top-1/2 h-2 w-px -translate-y-1/2 bg-[#5aaaff]"}),e.jsx("span",{className:`absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 ${k}`,children:"32"})]},d)),e.jsxs("div",{className:"absolute",style:{top:i.top,left:i.left},children:[e.jsx("div",{className:"h-8 w-8 rounded-tl-[32px] border-l border-t border-[#5aaaff]"}),e.jsx("span",{className:`absolute left-[38px] top-3 ${k}`,children:"R 32"})]})]})]}),e.jsxs(O,{children:[e.jsxs("div",{...s?{"data-bp":""}:{},className:"mb-3 pl-1 font-mono text-xs tracking-[0.2em] text-foreground/40",children:[String(t).padStart(2,"0")," · ",r]}),m&&e.jsx("h2",{...s?{"data-bp":""}:{},className:"mb-8 pl-1 text-[40px] font-medium leading-none tracking-[-0.01em] sm:text-[52px]",style:je,children:o})]}),e.jsx(O,{delay:.08,children:m?e.jsx("div",{ref:g,...s?{"data-bp":""}:{},className:"max-sm:-mx-4",children:e.jsx(pe,{bare:s,flushMobile:!0,className:"group transition-[box-shadow] duration-500 ease-out hover:shadow-[0_44px_100px_-34px_rgba(0,0,0,0.92)]",children:x})}):x}),e.jsx("p",{...s?{"data-bp":""}:{},className:"mt-5 text-center text-[12px] text-foreground/25",children:l})]})})}function R({top:t,height:r,label:o}){return e.jsxs("div",{className:"absolute left-1/2 -translate-x-1/2",style:{top:t,height:r},children:[e.jsx("div",{className:"absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-[#5aaaff]"}),e.jsx("div",{className:"absolute left-1/2 top-0 h-px w-2 -translate-x-1/2 bg-[#5aaaff]"}),e.jsx("div",{className:"absolute bottom-0 left-1/2 h-px w-2 -translate-x-1/2 bg-[#5aaaff]"}),e.jsx("span",{className:`absolute left-1/2 top-1/2 ml-1.5 -translate-y-1/2 ${k}`,children:o})]})}function we({count:t}){return e.jsx("div",{className:"relative px-8 py-24 text-center",children:e.jsxs("div",{className:"relative z-10 mx-auto flex max-w-md flex-col items-center",children:[e.jsxs("span",{"data-bp-in":!0,className:"label text-faint",children:["// ",t," components"]}),e.jsx("p",{"data-bp-in":!0,className:"mt-4 text-[26px] font-bold leading-[1.1] tracking-[-0.01em] text-foreground",children:"Every line, accounted for."}),e.jsx("p",{"data-bp-in":!0,className:"mt-3 text-[15px] font-medium leading-[1.45] text-[rgb(134,143,151)]",children:"Hover the section — a spotlight follows your cursor, reveal

1ing the measured frame and the exact spacing between every element, inside the panel and out."}),e.jsxs("div",{"data-bp-in":!0,className:"mt-7 flex flex-wrap items-center justify-center gap-3",children:[e.jsx(A,{}),e.jsxs(T,{children:["Browse all ",t]})]})]})})}function ke({count:t}){return e.jsx("div",{className:"relative px-4 pt-16 pb-24 text-center sm:px-8",children:e.jsxs("div",{className:"relative mx-auto flex max-w-xl flex-col items-center",children:[e.jsx("p",{className:"max-w-xl text-[32px] font-semibold leading-[1.06] tracking-[-0.02em] sm:text-[40px]",style:ye,children:"Ready to build faster?"}),e.jsxs("p",{className:"mt-4 max-w-md text-[16px] leading-[1.55] text-[rgb(134,143,151)] sm:text-[17px]",children:["Everything that builds this site, in one place — ",t," components, each one click from your project."]}),e.jsxs("div",{className:"group relative mt-28 flex flex-col items-center",children:[e.jsxs("div",{className:"relative flex items-center justify-center",children:[e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute left-1/2 top-1/2 h-72 w-72 -translate-x-1/2 -translate-y-1/2 rounded-full bg-[radial-gradient(closest-side,rgba(90,170,255,0.16),transparent)] opacity-70 blur-2xl transition-opacity duration-500 group-hover:opacity-100"}),e.jsx(me,{text:"",href:M,items:[e.jsx(S,{},"button"),e.jsx(q,{},"switch"),e.jsx(E,{},"switcher"),e.jsx(X,{},"circle")],folderSize:{width:150,height:112},tone:"blue",idle:!0,premium:!0,hoverTranslateY:-120,hoverSpread:170,mobileHoverSpread:66,hoverRotation:8,openOnView:!0,className:"flex-col",itemClassName:"origin-bottom sm:scale-[1.25]"})]}),e.jsxs("a",{href:M,className:"mt-7 inline-flex items-center gap-1.5 rounded-full border border-foreground

1/[0.08] bg-foreground/[0.05] px-4 py-2 text-[13px] font-medium text-foreground/85 shadow-[0_14px_34px_-14px_rgba(0,0,0,0.85)] backdrop-blur-md transition-colors duration-300 group-hover:border-foreground group-hover:bg-foreground group-hover:text-background hover:border-foreground hover:bg-foreground hover:text-background",children:["See library",e.jsx(ie,{weight:"bold",className:"h-3.5 w-3.5 transition-transform duration-300 group-hover:translate-x-0.5"})]})]})]})})}const Ae=[6,22,10,24,8,18],_e=[-3,2,-1,3,-2,1],Ce=[{Comp:S,label:"Button",Icon:ce},{Comp:E,label:"Segmented",Icon:le},{Comp:B,label:"Toggle",Icon:he},{Comp:$,label:"Search",Icon:Y},{Comp:Z,label:"Rating",Icon:U},{Comp:F,label:"Checkbox",Icon:D}];function Me({count:t}){return e.jsxs("div",{className:"relative overflow-hidden",children:[e.jsx(be,{color:"rgba(140, 196, 255, 0.22)",count:8,blur:42,speed:16,length:"100%",className:"z-0"}),e.jsxs("div",{className:"relative z-10 px-8 pt-14 text-center",children:[e.jsxs("span",{className:"label text-faint",children:["// ",t," components"]}),e.jsx("p",{className:"mx-auto mt-4 max-w-lg text-[26px] font-bold leading-[1.1] tracking-[-0.01em] text-foreground",children:"Build the front end you’ll actually ship."}),e.jsx("p",{className:"mx-auto mt-3 max-w-md text-[15px] font-medium leading-[1.45] text-[rgb(134,143,151)]",children:"Drop in blocks, tune the copy, keep momentum — no wrestling with layout primitives every time."}),e.jsx("div",{className:"mt-7",children:e.jsx(A,{children:"Browse the components"})})]}),e.jsxs("div",{className:"relative z-10 mt-6 flex items-start justify-center px-6 pt-10 pb-2",style:{maskImage:"linear-gradient(to right, transparent, #000 12%, #000 88%, transparent)",WebkitMaskImage:"linear-gradient(to right, transparent, #000 12%, #000 88%, transparent)"},children:[Ce.map(({Comp:r,label:o,Icon:l},s)=>e.jsx("div",{className:"relative -ml-7 w-[210px] shrink-0 transition-transform duration-500 ease-out first:ml-0 group-hover:-translate-y-3 hover:z-20 hover:scale-[1.04]",style:{transitionDelay:`${s*40}ms`},children:e.jsxs("div",{className:"flex flex-col gap-4 overflow-hidden rounded-2xl border border-foreground

1/[0.08] bg-[#0b0f17] p-4 opacity-95 shadow-[0_24px_60px_-30px_rgba(0,0,0,0.9)] transition-opacity duration-500 group-hover:opacity-100",style:{transform:`translateY(${Ae[s]}px) rotate(${_e[s]}deg)`},children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border border-line bg-foreground/[0.03]",children:e.jsx(l,{className:"h-4 w-4 text-foreground/80"})}),e.jsx("span",{className:"truncate text-[12px] font-medium text-foreground/70",children:o})]}),e.jsx("div",{className:"flex min-h-[96px] items-center justify-center overflow-hidden rounded-xl border border-foreground/[0.05] bg-foreground/[0.02] px-3 py-4",children:e.jsx(r,{})})]})},o)),e.jsx("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 h-20 bg-gradient-to-b from-transparent to-[var(--surface-soft)]"})]})]})}function Se({count:t}){return e.jsxs("div",{className:"relative overflow-hidden px-8 py-20 text-center",children:[e.jsx(xe,{color:"#5aaaff",squareSize:3,gridGap:7,flickerChance:.25,maxOpacity:.2,className:"absolute inset-0 z-0 [mask-image:radial-gradient(circle_at_center,white,transparent_70%)]"}),e.jsxs("div",{className:"relative z-10 mx-auto flex max-w-md flex-col items-center",children:[e.jsx("span",{className:"label text-faint",children:"// The library"}),e.jsx("p",{className:"mt-4 text-[26px] font-bold leading-[1.1] tracking-[-0.01em] text-foreground",children:"Every component, in one place."}),e.jsxs("p",{className:"mt-3 text-[15px] font-medium leading-[1.45] text-[rgb(134,143,151)]",children:["Sidebars, card systems, the macOS dock, bento galleries — ",t," primitives, isolated and ready to copy."]}),e.jsx("div",{className:"mt-7",children:e.jsx(A,{})}),e.jsxs("span",{className:"mt-8 text-[13px] font-medium text-foreground/50",children:[t," components, ready to copy"]})]})]})}const y="rounded-xl border border-line bg-[#0b0f17]/90 shadow-[0_14px_40px_-18px_rgba(0,0,0,0.9)] backdrop-blur";function S(){return e.jsx("div",{className:"rounded-full bg-foreground px-3.5 py-1.5 text-[12px] font-semibold text-background shadow-[0_8px_20px_-8px_color-mix(in_srgb,var(--foreground)_50%,transparent)]",children:"Get started"})}function V(){return e.jsx("div",{className:"rounded-full border border-accent-400/35 bg-accent/10 px-3 py-1 text-[11px] font-medium text-accent-200",children:"New · v2"})}function q(){return e.jsx("span",{className:"inline-flex h-6 w-11 items-center rounded-full bg-accent-400 p-0.5 shadow-[0_8px_20px_-10px_rgba(90,170,255,0.8)]",children:e.jsx("span",{className:"ml-auto h-5 w-5 rounded-full bg-foreground shadow-sm"})})}function X(){return e.jsx("span",{className:"flex h-9 w-9 items-center justify-center rounded-full bg-foreground shadow-[0_8px_20px_-8px_color-mix(in_srgb,var(--foreground)_50%,transparent)]",children:e.jsx(W,{weight:"bold",className:"h-[18px] w-[18px] text-background"})})}function B(){return e.jsxs("div",{className:`flex items-center gap-2.5 ${y} px-3 py-2`,children:[e.jsx("span",{className:"text-[11px] font-medium text-foreground/70",children:"Live preview"}),e.jsx("span",{className:"relative h-4 w-7 rounded-full bg-accent-400",children:e.jsx("span",{className:"absolute right-0.5 top-0.5 h-3 w-3 rounded-full bg-foreground"})})]})}function $(){return e.jsxs("div",{className:`flex items-center gap-2 ${y} px-3 py-2`,children:[e.jsx(Y,{className:"h-3.5 w-3.5 text-foreground/40"}),e.jsx("span",{className:"text-[11px] text-foreground/40",children:"Search"})]})}function E(){return e.jsxs("div",{className:`flex items-center gap-0.5 ${y} p-1`,children:[e.jsx("span",{className:"rounded-md bg-foreground

1/[0.08] px-2.5 py-1 text-[11px] font-medium text-foreground",children:"Grid"}),e.jsx("span",{className:"rounded-md px-2.5 py-1 text-[11px] text-foreground/50",children:"List"})]})}function Z(){return e.jsx("div",{className:`flex items-center gap-1 ${y} px-3 py-2`,children:Array.from({length:5}).map((t,r)=>e.jsx(U,{weight:"fill",className:"h-3 w-3 text-amber-300"},r))})}function F(){return e.jsxs("div",{className:`flex items-center gap-2 ${y} px-3 py-2`,children:[e.jsx("span",{className:"flex h-4 w-4 items-center justify-center rounded-[5px] bg-accent-400",children:e.jsx(D,{weight:"bold",className:"h-3 w-3 text-background"})}),e.jsx("span",{className:"text-[11px] font-medium text-foreground/70",children:"Production ready"})]})}function J(){return e.jsxs("div",{className:`flex items-center gap-2 ${y} px-3 py-2`,children:[e.jsx("div",{className:"flex -space-x-2",children:ve.slice(0,3).map(t=>e.jsx("div",{className:"h-5 w-5 overflow-hidden rounded-full ring-2 ring-[#0b0f17]",children:e.jsx("img",{src:t,alt:"",className:"h-full w-full object-cover"})},t))}),e.jsx("span",{className:"text-[11px] font-medium text-foreground/55",children:"+6"})]})}const Ee=[{Comp:S,pos:"left-[11%] top-[14%] -rotate-6"},{Comp:V,pos:"right-[14%] top-[12%] rotate-6"},{Comp:E,pos:"left-[4%] top-[40%] rotate-3"},{Comp:Z,pos:"right-[5%] top-[36%] -rotate-3"},{Comp:B,pos:"bottom-[27%] left-[7%] rotate-3"},{Comp:$,pos:"bottom-[24%] right-[8%] -rotate-2"},{Comp:F,pos:"bottom-[9%] left-[22%] -rotate-2"},{Comp:J,pos:"bottom-[10%] right-[22%] rotate-3"}],G="radial-gradient(118% 92% at 50% 50%, transparent 26%, #000 60%)";function Re(){return e.jsxs("div",{className:"relative flex min-h-[460px] flex-col items-center justify-center overflow-hidden px-8 py-20 text-center",children:[e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0",style:{maskImage:G,WebkitMaskImage:G},children:Ee.map(({Comp:t,pos:r},o)=>e.jsx("div",{className:`absolute transition-transform duration-500 ease-out group-hover:rotate-0 group-hover:scale-110 group-hover:-translate-y-1 ${r}`,children:e.jsx(t,{})},o))}),e.jsxs("div",{className:"relative z-10 flex flex-col items-center",children:[e.jsx("span",{className:"label text-faint",children:"// ssych ui"}),e.jsx("p",{className:"mt-5 max-w-md text-[17px] font-medium leading-[1.45] text-[rgb(134,143,151)]",children:"A portfolio built from its own atoms — buttons, toggles, inputs, and more, isolated and yours to take."}),e.jsxs("div",{className:"mt-8 flex flex-wrap items-center justify-center gap-3",children:[e.jsx(A,{}),e.jsx(T,{children:"Browse components"})]})]})]})}function c({className:t="",delay:r=0,rotate:o=0,glow:l="from-foreground

1/[0.10]",children:s}){return e.jsx(I.div,{initial:{opacity:0,y:-150,rotate:o-15},animate:{opacity:1,y:0,rotate:o},transition:{duration:2.4,delay:r,ease:[.23,.86,.39,.96],opacity:{duration:1.2}},className:`absolute ${t}`,children:e.jsxs(I.div,{animate:{y:[0,15,0]},transition:{duration:12,repeat:1/0,ease:"easeInOut"},className:"relative",children:[e.jsx("div",{className:`absolute -inset-10 rounded-full bg-gradient-to-r to-transparent ${l} blur-2xl`}),e.jsx("div",{className:"relative scale-[1.55] opacity-[0.72]",children:s})]})})}function Ie({count:t}){return e.jsxs("div",{className:"relative min-h-[460px] overflow-hidden px-6 py-24 text-center sm:px-8",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0 bg-gradient-to-br from-accent-400/[0.06] via-transparent to-indigo-400/[0.06] blur-3xl"}),e.jsxs("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 overflow-hidden",children:[e.jsx(c,{delay:.3,rotate:12,glow:"from-accent-400/[0.18]",className:"left-[-4%] top-[14%]",children:e.jsx($,{})}),e.jsx(c,{delay:.5,rotate:-15,glow:"from-indigo-400/[0.16]",className:"right-[-4%] top-[64%]",children:e.jsx(E,{})}),e.jsx(c,{delay:.4,rotate:-8,glow:"from-sky-400/[0.16]",className:"bottom-[8%] left-[2%] max-sm:hidden",children:e.jsx(B,{})}

1),e.jsx(c,{delay:.6,rotate:20,glow:"from-foreground/[0.12]",className:"right-[10%] top-[8%]",children:e.jsx(S,{})}),e.jsx(c,{delay:.7,rotate:-25,glow:"from-accent-300/[0.16]",className:"left-[16%] top-[3%] max-sm:hidden",children:e.jsx(V,{})}),e.jsx(c,{delay:.55,rotate:10,glow:"from-accent-400/[0.16]",className:"bottom-[12%] right-[18%]",children:e.jsx(X,{})}),e.jsx(c,{delay:.45,rotate:14,glow:"from-accent-400/[0.16]",className:"right-[3%] top-[34%] max-sm:hidden",children:e.jsx(q,{})}),e.jsx(c,{delay:.65,rotate:-10,glow:"from-sky-400/[0.16]",className:"left-[6%] top-[56%] max-sm:hidden",children:e.jsx(Z,{})}),e.jsx(c,{delay:.5,rotate:8,glow:"from-indigo-400/[0.16]",className:"right-[24%] bottom-[5%] max-sm:hidden",children:e.jsx(F,{})}),e.jsx(c,{delay:.35,rotate:-12,glow:"from-foreground/[0.12]",className:"left-[27%] top-[7%] max-sm:hidden",children:e.jsx(J,{})})]}),e.jsxs("div",{className:"relative z-10 mx-auto flex max-w-md flex-col items-center",children:[e.jsxs("span",{className:"inline-flex items-center gap-2 rounded-full border border-foreground

1/[0.08] bg-foreground/[0.03] px-3 py-1",children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full bg-accent-400"}),e.jsxs("span",{className:"label text-faint",children:[t," components"]})]}),e.jsx("p",{className:"mt-5 bg-gradient-to-b from-white to-foreground/70 bg-clip-text text-[28px] font-bold leading-[1.08] tracking-[-0.01em] text-transparent",children:"Beautiful by default."}),e.jsx("p",{className:"mt-3 text-[15px] font-medium leading-[1.45] text-[rgb(134,143,151)]",children:"Polished, motion-ready components — drop them in and ship a UI that already feels designed."}),e.jsxs("div",{className:"mt-7 flex flex-wrap items-center justify-center gap-3",children:[e.jsx(A,{}),e.jsxs(T,{children:["Browse all ",t]})]})]}),e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 bg-gradient-to-t from-[var(--surface-soft)] via-transparent to-[var(--surface-soft)]/70"})]})}const Te=[{id:"blueprint",title:"Blueprint",heading:"Built to spec.",caption:"Blueprint · a spotlight follows your cursor, revealing dev-mode guides · ssych system",blueprint:!0,render:t=>e.jsx(we,{count:t})},{id:"noise",title:"Minimal Folder",heading:"Ready to build faster?",caption:"A blue folder that fans your components open · ssych system",framed:!1,render:t=>e.jsx(ke,{count:t})},{id:"masonry",title:"Centered Masonry + Light Rays",heading:"Front ends you’ll ship.",caption:"Aceternity cta-centered-masonry-gallery + Magic UI light-rays · ssych system",render:t=>e.jsx(Me,{count:t})},{id:"social",title:"Component Stack + Flickering Grid",heading:"Every component, one place.",caption:"Aceternity simple-cta-with-images + Magic UI flickering-grid · ssych system",render:t=>e.jsx(Se,{count:t})},{id:"minimal",title:"Centered Text",heading:"The library is open.",caption:"Aceternity — cta-with-centered-text · rebuilt in the ssych system",render:()=>e.jsx(Re,{})},{id:"geometric",title:"Geometric Floating Shapes",heading:"Designed, not assembled.",caption:"Kokonut UI — shape-landing-hero · rebuilt in the ssych system",render:t=>e.jsx(Ie,{count:t})}];function zt(){const t=de.length;return e.jsxs("div",{className:"min-h-screen bg-ink text-foreground antialiased",children:[e.jsxs("header",{className:"sticky top-0 z-30 flex items-center justify-between border-b border-foreground

1/10 bg-ink/80 px-7 py-4 backdrop-blur",children:[e.jsx("div",{className:"font-semibold",children:"Library CTA — variants"}),e.jsx(ne,{to:"/library-welcome",className:"text-sm text-foreground/55 transition-colors hover:text-foreground",children:"← Current CTA"})]}),Te.map((r,o)=>e.jsx(Ne,{index:o+1,title:r.title,heading:r.heading,caption:r.caption,blueprint:r.blueprint,framed:r.framed,children:r.render(t)},r.id)),e.jsx("div",{className:"px-7 py-12 text-center text-sm text-foreground/40",children:"Six CTA directions — one shared /ink-ref convention (etched heading · TexturePanel · caption), distinct interiors. Tell me which to promote into the live library page."})]})}export{zt as default};