https://uiscanner.com/_next/static/chunks/2485-61a1f8c8bfb50c17.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2485],{667:(e,t,n)=>{n.d(t,{Button:()=>a});var r=n(5155),o=n(1918),s=n(5062);function a(e){let{variant:t="primary",size:n="md",shape:a="control",face:i=!1,back:l=!1,loading:c=!1,disabled:d,className:u,type:p,children:x,...f}=e,h=d||c;return(0,r.jsx)("button",{type:null!=p?p:"button",disabled:h,"aria-busy":c||void 0,className:(0,o.cn)((0,s.f)({variant:t,size:n,shape:a,face:i,back:l}),c&&"cursor-progress",u),...f,children:x})}},1918:(e,t,n)=>{n.d(t,{cn:()=>r});function r(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter(Boolean).join(" ")}},2099:(e,t,n)=>{n.d(t,{useCopy:()=>s});var r=n(2115);async function o(e){try{var t;if("undefined"!=typeof navigator&&(null==(t=navigator.clipboard)?void 0:t.writeText))return await navigator.clipboard.writeText(e),!0}catch(e){}try{if("undefined"==typeof document)return!1;let t=document.createElement("textarea");t.value=e,t.setAttribute("readonly",""),t.style.position="fixed",t.style.opacity="0",t.style.pointerEvents="none",document.body.appendChild(t),t.select();let n=document.execCommand("copy");return document.body.removeChild(t),n}catch(e){return!1}}function s(){let[e,t]=(0,r.useState)(!1),n=(0,r.useRef)(null);return(0,r.useEffect)(()=>()=>{null!==n.current&&clearTimeout(n.current)},[]),{copied:e,copy:(0,r.useCallback)(async e=>{await o(e)&&(t(!0),null!==n.current&&clearTimeout(n.current),n.current=setTimeout(()=>t(!1),1200))},[])}}},2485:(e,t,n)=>{n.d(t,{hQ:()=>c.ARCHETYPE_LABEL,mG:()=>c.ArchetypeSelect,Ex:()=>o.E,$n:()=>s.Button,Zp:()=>r.Z,Sr:()=>h.Sr,i8:()=>i.CopyButton,Td:()=>h.Td,s3:()=>h.s3,Mw:()=>x,XA:()=>h.XA,yf:()=>p,rp:()=>l.Swatch,fc:()=>a.f,cn:()=>u.cn,T9:()=>f.useCopy});var r=n(8297),o=n(5828),s=n(667),a=n(5062),i=n(3063),l=n(8363),c=n(4576),d=n(5155),u=n(1918);function p(e){let{className:t}=e;return(0,d.jsx)("div",{"aria-hidden":"true",className:(0,u.cn)("pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit]",t),children:(0,d.jsx)("div",{className:"scanline absolute inset-x-0 top-0 h-px animate-scan motion-reduce:animate-none motion-reduce:opacity-40"})})}function x(e){let{children:t,className:n}=e;return(0,d.jsxs)("p",{role:"alert",className:(0,u.cn)("glass inline-flex animate-fade-up items-center gap-2 rounded-full py-2 pl-3 pr-4 text-left text-sm leading-snug text-ink/80",n),children:[(0,d.jsxs)("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",className:"h-4 w-4 shrink-0 text-sky-deep",children:[(0,d.jsx)("circle",{cx:"12",cy:"12",r:"9",stroke:"currentColor",strokeWidth:"2"}),(0,d.jsx)("path",{d:"M12 7.5v5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),(0,d.jsx)("circle",{cx:"12",cy:"16.25",r:"1.15",fill:"currentColor"})]}),t]})}var f=n(2099),h=n(4883)},3063:(e,t,n)=>{n.d(t,{CopyButton:()=>i});var r=n(5155),o=n(1918),s=n(4883),a=n(2099);function i(e){let{value:t,label:n,className:i}=e,{copied:l,copy:c}=(0,a.useCopy)(),d=void 0===n;return(0,r.jsxs)("button",{type:"button",onClick:()=>void c(t),"aria-label":d?l?"Copied":"Copy":void 0,title:d?"Copy":void 0,className:(0,o.cn)("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md","border border-black/10 bg-white/60 text-ink/60","text-xs tracking-tight transition-colors duration-150","hover:border-sky-deep/40 hover:text-ink","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-deep/50 focus-visible:ring-offset-2 focus-visible:ring-offset-white",d?"h-7 w-7":"h-7 px-2.5",l&&"border-sky/40 text-sky-deep",i),children:[l?(0,r.jsx)(s.Sr,{className:"h-3.5 w-3.5"}):(0,r.jsx)(s.Td,{className:"h-3.5 w-3.5"}),!d&&(0,r.jsx)("span",{children:l?"Copied":n})]})}},4576:(e,t,n)=>{n.d(t,{ARCHETYPE_LABEL:()=>l,ArchetypeSelect:()=>c});var r=n(5155),o=n(2115),s=n(6020),a=n(1918),i=n(4883);let l={landing:"Landing page",dashboard:"Dashboard",marketing:"Marketing site",ecommerce:"E-commerce",portfolio:"Portfolio",mobile:"Mobile app",general:"General"};function c(e){let{value:t,onChange:n,label:c,disabled:d=!1,className:u}=e,p=(0,o.useId)(),x=(0,o.useRef)(null),[f,h]=(0,o.useState)(!1),g=Math.max(0,s.RY.indexOf(t)),[b,m]=(0,o.useState)(g);function v(e){n(s.RY[e]),h(!1)}function k(){m(g),h(!0)}(0,o.useEffect)(()=>

1{if(f)return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e);function e(e){var t;(null==(t=x.current)?void 0:t.contains(e.target))||h(!1)}},[f]);let w=e=>"".concat(p,"-opt-").concat(e);return(0,r.jsxs)("div",{ref:x,className:(0,a.cn)("flex flex-col gap-1.5",u),children:[c&&(0,r.jsx)("span",{id:"".concat(p,"-label"),className:"text-[11px] tracking-wide text-ink/60",children:c}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsxs)("button",{type:"button",id:p,disabled:d,onClick:()=>f?h(!1):k(),onKeyDown:function(e){switch(e.key){case"ArrowDown":e.preventDefault(),f?m(e=>Math.min(e+1,s.RY.length-1)):k();break;case"ArrowUp":e.preventDefault(),f?m(e=>Math.max(e-1,0)):k();break;case"Enter":case" ":e.preventDefault(),f?v(b):k();break;case"Escape":f&&(e.preventDefault(),h(!1));break;case"Tab":h(!1)}},role:"combobox","aria-haspopup":"listbox","aria-expanded":f,"aria-controls":f?"".concat(p,"-listbox"):void 0,"aria-labelledby":c?"".concat(p,"-label ").concat(p):void 0,"aria-activedescendant":f?w(b):void 0,className:(0,a.cn)("flex w-full items-center justify-between gap-2 rounded-lg border py-2 pl-3 pr-3 text-left text-sm","border-slate-200 bg-white/80 text-ink transition-colors duration-150 hover:border-sky-deep/40","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-deep/50 focus-visible:ring-offset-2 focus-visible:ring-offset-white","disabled:cursor-not-allowed disabled:opacity-50"),children:[(0,r.jsx)("span",{className:"truncate",children:l[t]}),(0,r.jsx)(i.zp,{className:(0,a.cn)("h-4 w-4 shrink-0 text-ink/60 transition-transform duration-150",f&&"rotate-180")})]}),f&&(0,r.jsx)("ul",{id:"".concat(p,"-listbox"),role:"listbox","aria-labelledby":c?"".concat(p,"-label"):void 0,className:(0,a.cn)("absolute z-20 mt-1.5 max-h-72 w-full overflow-auto rounded-lg border border-slate-200 bg-white p-1 shadow-lg","shadow-black/10"),children:s.RY.map((e,n)=>{let o=e===t;return(0,r.jsxs)("li",{id:w(n),role:"option","aria-selected":o,onClick:()=>v(n),onMouseEnter:()=>m(n),className:(0,a.cn)("flex cursor-pointer items-center justify-between gap-2 rounded-md px-3 py-1.5 text-sm",n===b?"bg-sky/10 text-ink":"text-ink/80"),children:[(0,r.jsx)("span",{className:"truncate",children:l[e]}),o&&(0,r.jsx)(i.Sr,{className:"h-4 w-4 shrink-0 text-sky-deep"})]},e)})})]})]})}},4883:(e,t,n)=>{n.d(t,{Sr:()=>i,Td:()=>a,XA:()=>u,id:()=>l,s3:()=>d,zp:()=>c});var r=n(5155),o=n(1918);function s(e){let{className:t,...n}=e;return(0,r.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",className:(0,o.cn)("shrink-0",t),...n})}function a(e){return(0,r.jsxs)(s,{...e,children:[(0,r.jsx)("rect",{x:"5.5",y:"5.5",width:"8",height:"8",rx:"1.5"}),(0,r.jsx)("path",{d:"M10.5 5.5V4A1.5 1.5 0 0 0 9 2.5H4A1.5 1.5 0 0 0 2.5 4v5A1.5 1.5 0 0 0 4 10.5h1.5"})]})}function i(e){return(0,r.jsx)(s,{...e,children:(0,r.jsx)("path",{d:"M3 8.5 6.5 12 13 4.5"})})}function l(e){return(0,r.jsxs)(s,{...e,children:[(0,r.jsx)("path",{d:"M8 2.8 14.2 13.2H1.8Z"}),(0,r.jsx)("path",{d:"M8 6.6v3"}),(0,r.jsx)("path",{d:"M8 11.6h.01"})]})}function c(e){return(0,r.jsx)(s,{...e,children:(0,r.jsx)("path",{d:"M4 6l4 4 4-4"})})}function d(e){return(0,r.jsxs)(s,{...e,children:[(0,r.jsx)("path",{d:"M8 2.5v8"}),(0,r.jsx)("path",{d:"M4.5 7 8 10.5 11.5 7"}),(0,r.jsx)("path",{d:"M2.5 13h11"})]})}function u(e){return(0,r.jsxs)(s,{...e,children:[(0,r.jsx)("rect",{x:"3.5",y:"7",width:"9",height:"6.5",rx:"1.5"}),(0,r.jsx)("path",{d:"M5.5 7V5a2.5 2.5 0 0 1 5 0v2"})]})}},5062:(e,t,n)=>{n.d(t,{f:()=>u});var r=n(1918);let o="relative isolate inline-flex items-center justify-center whitespace-nowrap font-medium tracking-tight transition duration-150 ease-out will-change-transform focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-deep/50 focus-visible:ring-offset-2 focus-visible:ring-offset-cloud disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-colors",s={primary:"bg-sky-deep before:bg-sky text-white shadow-[0_4px_12px_-2px_rgba(20,45,90,0.28),0_2px_4px_-1px_rgba(20,45,90,0.18)] hover:scale-[1.02] hover:shadow-[0_5px_14px_-2px_rgba(20,45,90,0.3),0_2px_4px_-1px_rgba(20,45,90,0.18)] active:scale-[0.97] motion-reduce:hover:scale-100 motion-reduce:active:scale-100",ghost:"bg-sky-soft before:bg-white text-ink ring-1 ring-inset ring-ink/10 after:text-sky-deep/60 hover:text-sky-deep hover:ring-sky/40 hover:scale-[1.02] active:scale-[0.97] motion-reduce:hover:scale-100 motion-reduce:active:scale-100",subtle:"bg-transparent text-ink/60 hover:bg-black/[0.04] hover:text-ink active:scale-[0.97] motion-reduce:active:scale-100"},a={sm:"h-8 pl-3.5 pr-[2.25rem] text-xs gap-1.5 before:right-[1.5rem] after:w-[1.5rem]",md:"h-10 pl-5 pr-[2.875rem] text-sm gap-2 before:right-[1.75rem] after:w-[1.75rem]",lg:"h-11 pl-6 pr-[3.375rem] text-sm gap-2 before:right-[2rem] after:w-[2rem]"},i={sm:"h-8 pr-3.5 pl-[2.25rem] text-xs gap-1.5 before:left-[1.5rem] after:w-[1.5rem]",md:"h-10 pr-5 pl-[2.875rem] text-sm gap-2 before:left-[1.75rem] after:w-[1.75rem]",lg:"h-11 pr-6 pl-[3.375rem] text-sm gap-2 before:left-[2rem] after:w-[2rem]"},l={control:"rounded-xl before:rounded-[0.625rem]",pill:"rounded-full before:rounded-full"},c={primary:"bg-sky text-white shadow-[0_4px_12px_-2px_rgba(20,45,90,0.28),0_2px_4px_-1px_rgba(20,45,90,0.18)] hover:bg-sky-deep hover:scale-[1.02] hover:shadow-[0_5px_14px_-2px_rgba(20,45,90,0.3),0_2px_4px_-1px_rgba(20,45,90,0.18)] active:scale-[0.97] motion-reduce:hover:scale-100 motion-reduce:active:scale-100",ghost:"bg-white text-ink ring-1 ring-inset ring-ink/10 hover:text-sky-deep hover:ring-sky/40 hover:scale-[1.02] active:scale-[0.97] motion-reduce:hover:scale-100 motion-reduce:active:scale-100",subtle:s.subtle},d={sm:"h-8 px-3.5 text-xs gap-1.5",md:"h-10 px-5 text-sm gap-2",lg:"h-11 px-6 text-sm gap-2"};function u(e){let{variant:t="primary",size:n="md",shape:u="control",peek:p="arrow",flat:x,face:f,back:h,className:g}=null!=e?e:{};if("primary"===t||f&&"subtle"!==t)return(0,r.cn)(o,s[t],"before:content-[''] before:pointer-events-none before:absolute before:-z-10 before:inset-[2px] before:shadow-[0_1px_2px_rgba(20,45,90,0.16),inset_0_1px_0_rgba(255,255,255,0.3)]",l[u],d[n],g);if(x)return(0,r.cn)(o,c[t],d[n],"pill"===u?"rounded-full":"rounded-xl",g);let b="subtle"!==t&&(h?(0,r.cn)("before:content-[''] before:pointer-events-none before:absolute before:-z-10 before:top-[2px] before:bottom-[2px] before:right-[2px] before:shadow-[0_1px_2px_rgba(20,45,90,0.16),inset_0_1px_0_rgba(255,255,255,0.25)] after:content-[''] after:pointer-events-none after:absolute after:top-0 after:bottom-0 after:left-0 after:bg-current","after:[mask:url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272.25%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M20%2012H6M12%206l-6%206%206%206%27/%3E%3C/svg%3E')_57%_center/0.95em_no-repeat] after:[-webkit-mask:url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272.25%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M20%2012H6M12%206l-6%206%206%206%27/%3E%3C/svg%3E')_57%_center/0.95em_no-repeat]"):(0,r.cn)("before:content-[''] before:pointer-events-none before:absolute before:-z-10 before:top-[2px] before:bottom-[2px] before:left-[2px] before:shadow-[0_1px_2px_rgba(20,45,90,0.16),inset_0_1px_0_rgba(255,255,255,0.25)] after:content-[''] after:pointer-events-none after:absolute after:top-0 after:bottom-0 after:right-0 after:bg-current","search"===p?"after:[mask:url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272.4%27%20stroke-linecap=%27round%27%3E%3Ccircle%20cx=%2711%27%20cy=%2711%27%20r=%277%27/%3E%3Cpath%20d=%27M20%2020l-3.4-3.4%27/%3E%3C/svg%3E')_30%_center/0.95em_no-repeat] after:[-webkit-mask:url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272.4%27%20stroke-linecap=%27round%27%3E%3Ccircle%20cx=%2711%27%20cy=%2711%27%20r=%277%27/%3E%3Cpath%20d=%27M20%2020l-3.4-3.4%27/%3E%3C/svg%3E')_30%_center/0.95em_no-repeat]":"after:[mask:url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272.25%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M4%2012h14M12%206l6%206-6%206%27/%3E%3C/svg%3E')_43%_center/0.95em_no-repeat] after:[-webkit-mask:url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%272.25%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M4%2012h14M12%206l6%206-6%206%27/%3E%3C/svg%3E')_43%_center/0.95em_no-repeat]")),m="subtle"===t?d[n]:h?i[n]:a[n];return(0,r.cn)(o,s[t],b,m,l[u],g)}}

1,5828:(e,t,n)=>{n.d(t,{E:()=>s});var r=n(5155),o=n(1918);function s(e){let{children:t,tone:n="default",className:s,...a}=e;return(0,r.jsx)("span",{className:(0,o.cn)("inline-flex items-center gap-1 rounded-full border px-2 py-0.5","text-[11px] font-medium leading-none tracking-wide","accent"===n?"border-sky/25 bg-sky/10 text-sky-deep":"border-black/10 bg-white/60 text-ink/60",s),...a,children:t})}},6020:(e,t,n)=>{n.d(t,{DP:()=>s,Ev:()=>l,RV:()=>a,RY:()=>r,UH:()=>c,Yf:()=>i,uX:()=>o});let r=["landing","dashboard","marketing","ecommerce","portfolio","mobile","general"],o="general",s=5,a=5;function i(e){var t,n,r,o,s,a,i,l,c,d,u,p,x,f,h,g,b,m,v,k,w,y,_,j,C,E;return{...e,fonts:{used:null!=(s=null==(t=e.fonts)?void 0:t.used)?s:[],loaded:null!=(a=null==(n=e.fonts)?void 0:n.loaded)?a:[],faces:null!=(i=null==(r=e.fonts)?void 0:r.faces)?i:[],sources:null!=(l=null==(o=e.fonts)?void 0:o.sources)?l:[]},gradients:null!=(c=e.gradients)?c:[],borders:null!=(d=e.borders)?d:[],motion:null!=(u=e.motion)?u:{durations:[],easings:[]},components:null!=(p=e.components)?p:{button:null,input:null},icons:null!=(x=e.icons)?x:{system:"none",inlineSvg:0,iconFonts:[]},lineHeights:null!=(f=e.lineHeights)?f:[],letterSpacing:null!=(h=e.letterSpacing)?h:[],textTransforms:null!=(g=e.textTransforms)?g:[],containerWidth:null!=(b=e.containerWidth)?b:null,linkColor:null!=(m=e.linkColor)?m:null,breakpoints:null!=(v=e.breakpoints)?v:[],headings:null!=(k=e.headings)?k:[],keyframes:null!=(w=e.keyframes)?w:[],hoverRules:null!=(y=e.hoverRules)?y:0,focusRules:null!=(_=e.focusRules)?_:0,contrast:null!=(j=e.contrast)?j:[],colorRoles:null!=(C=e.colorRoles)?C:{surface:null,text:null,accent:null},a11y:null!=(E=e.a11y)?E:{landmarks:[],altCoverage:1,focusVisible:!1,headingOrder:!0,lang:null,dir:null}}}function l(e){var t,n,r,o,s,a;return{...e,tech:null!=(t=e.tech)?t:[],structuredData:null!=(n=e.structuredData)?n:[],ogImage:null!=(r=e.ogImage)?r:null,social:null!=(o=e.social)?o:[],vertical:null!=(s=e.vertical)?s:null,competitors:null!=(a=e.competitors)?a:[]}}function c(e){return{...e,tokens:e.tokens?i(e.tokens):e.tokens,brand:e.brand?l(e.brand):e.brand}}},8297:(e,t,n)=>{n.d(t,{Z:()=>a});var r=n(5155),o=n(1918),s=n(5828);function a(e){let{children:t,className:n,label:a,icon:i,count:l,countTone:c="default",hint:d,bodyClassName:u,...p}=e;return null!=a?(0,r.jsxs)("div",{className:(0,o.cn)("rounded-2xl bg-[#eef0f5] p-2 ring-1 ring-black/[0.05] shadow-[0_1px_2px_rgba(16,24,40,0.04),0_8px_24px_-10px_rgba(16,24,40,0.10)]",n),...p,children:[(0,r.jsxs)("div",{className:"flex items-center gap-2.5 px-2.5 pb-2 pt-1.5",children:[i&&(0,r.jsx)("span",{"aria-hidden":!0,className:"shrink-0 text-ink/40 [&>svg]:h-[18px] [&>svg]:w-[18px]",children:i}),(0,r.jsx)("h3",{className:"truncate text-[13px] font-medium tracking-tight text-ink/80",children:a}),void 0!==l&&(0,r.jsx)(s.E,{tone:c,children:l}),d&&(0,r.jsx)("span",{className:"ml-auto shrink-0 text-[11px] font-medium tracking-tight text-ink/60",children:d})]}),(0,r.jsx)("div",{className:(0,o.cn)(/overflow-/.test(null!=u?u:"")?"":"overflow-hidden","rounded-xl bg-white ring-1 ring-black/[0.06]",null!=u?u:"p-5"),children:t})]}):(0,r.jsx)("div",{className:(0,o.cn)("glass rounded-2xl",n),...p,children:t})}},8363:(e,t,n)=>{n.d(t,{Swatch:()=>l});var r=n(5155),o=n(2115),s=n(1918),a=n(4883),i=n(2099);function l(e){let{color:t}=e,{copied:n,copy:l}=(0,i.useCopy)(),[c]=(0,o.useState)(()=>(function(e){let t=e.trim();return!!(/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(t)||/^rgba?\(/i.test(t)||/^hsla?\(/i.test(t)||/^oklch\(/i.test(t))||/^[a-z]+$/i.test(t)})(t)),d=t.trim();return(0,r.jsxs)("button",{type:"button",onClick:()=>void l(d),title:"Copy ".concat(d),"aria-label":n?"Copied ".concat(d):"Copy ".concat(d),className:(0,s.cn)("group flex cursor-pointer flex-col gap-2 rounded-lg p-2 text-left","border border-black/10 bg-white/60 transition-colors duration-150","hover:border-sky-deep/40","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-deep/50 focus-visible:ring-offset-2 focus-visible:ring-offset-white"),children:[(0,r.jsxs)("span",{className:(0,s.cn)("relative block h-12 w-full overflow-hidden rounded-md","ring-1 ring-inset ring-black/10",!c&&"bg-[length:10px_10px] bg-[linear-gradient(45deg,#e2e8f0_25%,transparent_25%,transparent_75%,#e2e8f0_75%,#e2e8f0),linear-gradient(45deg,#e2e8f0_25%,transparent_25%,transparent_75%,#e2e8f0_75%,#e2e8f0)] bg-[position:0_0,5px_5px]"),style:c?{backgroundColor:d}:void 0,children:[(0,r.jsx)("span",{className:(0,s.cn)("absolute inset-0 grid place-items-center transition-opacity duration-150",n?"opacity-100":"opacity-0"),children:(0,r.jsx)("span",{className:"grid h-6 w-6 place-items-center rounded-full bg-white/90 text-sky-deep ring-1 ring-sky/40 shadow-sm",children:(0,r.jsx)(a.Sr,{className:"h-3.5 w-3.5"})})}),!c&&(0,r.jsx)("span",{className:"absolute inset-0 grid place-items-center font-mono text-xs text-ink/70",children:"?"})]}),(0,r.jsxs)("span",{className:"flex items-center gap-1 font-mono text-[11px] leading-none text-ink/70 group-hover:text-ink",children:[(0,r.jsx)("span",{className:"truncate",children:d}

1),(0,r.jsx)(a.Td,{"aria-hidden":!0,className:"h-3 w-3 shrink-0 text-ink/30 transition-colors group-hover:text-ink/70"})]})]})}}}]);