1const t=`<script lang="ts"> 2 const logos = [ 3 { 4 src: "https://storage.efferd.com/logo/vercel-wordmark.svg", 5 alt: "Vercel Logo" 6 }, 7 { 8 src: "https://storage.efferd.com/logo/supabase-wordmark.svg", 9 alt: "Supabase Logo" 10 }, 11 { 12 src: "https://storage.efferd.com/logo/openai-wordmark.svg", 13 alt: "OpenAI Logo" 14 }, 15 { 16 src: "https://storage.efferd.com/logo/dub-wordmark.svg", 17 alt: "Dub Logo" 18 }, 19 { 20 src: "https://storage.efferd.com/logo/turso-wordmark.svg", 21 alt: "Turso Logo" 22 }, 23 24 { 25 src: "https://storage.efferd.com/logo/github-wordmark.svg", 26 alt: "GitHub Logo" 27 }, 28 { 29 src: "https://storage.efferd.com/logo/claude-wordmark.svg", 30 alt: "Claude AI Logo" 31 }, 32 { 33 src: "https://storage.efferd.com/logo/nvidia-wordmark.svg", 34 alt: "Nvidia Logo" 35 }, 36 { 37 src: "https://storage.efferd.com/logo/clerk-wordmark.svg", 38 alt: "Clerk Logo" 39 }, 40 { 41 src: "https://storage.efferd.com/logo/bolt-wordmark.svg", 42 alt: "Bolt Logo" 43 }, 44 45 { 46 src: "https://storage.efferd.com/logo/stripe-wordmark.svg", 47 alt: "Stripe Logo" 48 } 49 ]; 50<\/script> 51 52<div 53 class="relative flex flex-wrap items-center justify-center gap-x-10 gap-y-8 py-6 sm:gap-x-12 sm:gap-y-12" 54> 55 {#each logos as logo} 56 <img 57 alt={logo.alt} 58 class="pointer-events-none h-5 w-fit select-none dark:brightness-0 dark:invert" 59 height="auto" 60 loading="lazy" 61 src={logo.src} 62 width="auto" 63 /> 64 {/each} 65</div> 66`,o=`<script lang="ts"> 67 import { Marquee } from "$lib/components/magic/marquee"; 68 69 const logos = [ 70 { 71 src: "https://storage.efferd.com/logo/nvidia-wordmark.svg", 72 alt: "Nvidia Logo" 73 }, 74 { 75 src: "https://storage.efferd.com/logo/supabase-wordmark.svg", 76 alt: "Supabase Logo" 77 }, 78 { 79 src: "https://storage.efferd.com/logo/openai-wordmark.svg", 80 alt: "OpenAI Logo" 81 }, 82 { 83 src: "https://storage.efferd.com/logo/turso-wordmark.svg", 84 alt: "Turso Logo" 85 }, 86 { 87 src: "https://storage.efferd.com/logo/vercel-wordmark.svg", 88 alt: "Vercel Logo" 89 }, 90 { 91 src: "https://storage.efferd.com/logo/github-wordmark.svg", 92 alt: "GitHub Logo" 93 }, 94 { 95 src: "https://storage.efferd.com/logo/claude-wordmark.svg", 96 alt: "Claude AI Logo" 97 }, 98 { 99 src: "https://storage.efferd.com/logo/clerk-wordmark.svg", 100 alt: "Clerk Logo" 101 } 102 ]; 103<\/script> 104 105<div class="overflow-hidden mask-[linear-gradient(to_right,transparent,black,transparent)] py-4"> 106 <Marquee> 107 {#each logos as logo} 108 <img 109 alt={logo.alt} 110 class="pointer-events-none h-4 select-none md:h-5 dark:brightness-0 dark:invert" 111 height="auto" 112 loading="lazy" 113 src={logo.src} 114 width="auto" 115 /> 116 {/each} 117 </Marquee> 118</div> 119`,n=`<script lang="ts"> 120 import { cn } from "$lib/utils"; 121 import type { Snippet } from "svelte"; 122 import type { HTMLAttributes } from "svelte/elements"; 123 124 type Logo = { 125 src: string; 126 alt: string; 127 }; 128 type LogoCardProps = HTMLAttributes<HTMLDivElement> & { 129 logo: Logo; 130 class?: string; 131 children?: Snippet; 132 }; 133 134 let { logo, class: className = "", children, ...props }: LogoCardProps = $props(); 135<\/script> 136 137<div 138 class={cn("flex items-center justify-center bg-background px-4 py-8 md:p-8", className)} 139 {...props} 140> 141 <img 142 alt={logo.alt} 143 class="pointer-events-none h-4 select-none md:h-5 dark:brightness-0 dark:invert" 144 height="auto" 145 src={logo.src} 146 width="auto" 147 /> 148 {@render children?.()} 149</div> 150`,r=`<script lang="ts"> 151 import { DecorIcon } from "$lib/components/ui/decor-icon"; 152 import LogoCard from "./logo-card.svelte"; 153<\/script> 154 155<div class="grid grid-cols-2 border md:grid-cols-4"> 156 <LogoCard 157 class="relative border-r border-b bg-secondary dark:bg-secondary/30" 158 logo={{ 159 src: "https://storage.efferd.com/logo/nvidia-wordmark.svg", 160 alt: "Nvidia Logo" 161 }} 162 > 163 <DecorIcon class="z-10" position="bottom-right" /> 164 </LogoCard> 165 166 <LogoCard 167 class="border-b md:border-r" 168 logo={{ 169 src: "https://storage.efferd.com/logo/supabase-wordmark.svg", 170 alt: "Supabase Logo" 171 }} 172 /> 173 174 <LogoCard 175 class="relative border-r border-b md:bg-secondary dark:md:bg-secondary/30" 176 logo={{ 177 src: "https://storage.efferd.com/logo/github-wordmark.svg", 178 alt: "GitHub Logo" 179 }} 180 > 181 <DecorIcon class="z-10" position="bottom-right" /> 182 <DecorIcon class="z-10 hidden md:block" position="bottom-left" /> 183 </LogoCard> 184 185 <LogoCard 186 class="relative border-b bg-secondary md:bg-background dark:bg-secondary/30 md:dark:bg-background" 187 logo={{ 188 src: "https://storage.efferd.com/logo/openai-wordmark.svg", 189 alt: "OpenAI Logo" 190 }} 191 /> 192 193 <LogoCard 194 class="relative border-r border-b bg-secondary md:border-b-0 md:bg-background dark:bg-secondary/30 md:dark:bg-background" 195 logo={{ 196 src: "https://storage.efferd.com/logo/turso-wordmark.svg", 197 alt: "Turso Logo" 198 }} 199 > 200 <DecorIcon class="z-10 md:hidden" position="bottom-right" /> 201 </LogoCard> 202 203 <LogoCard 204 class="border-b bg-background md:border-r md:border-b-0 md:bg-secondary dark:md:bg-secondary/30" 205 logo={{ 206 src: "https://storage.efferd.com/logo/clerk-wordmark.svg", 207 alt: "Clerk Logo" 208 }} 209 /> 210 211 <LogoCard 212 class="border-r" 213 logo={{ 214 src: "https://storage.efferd.com/logo/claude-wordmark.svg", 215 alt: "Claude AI Logo" 216 }} 217 /> 218 219 <LogoCard 220 class="bg-secondary dark:bg-secondary/30" 221 logo={{ 222 src: "https://storage.efferd.com/logo/vercel-wordmark.svg", 223 alt: "Vercel Logo" 224 }} 225 /> 226</div> 227`,e=`import Marquee from "./marquee.svelte"; 228export { Marquee }; 229`,s=`<script lang="ts"> 230 import { cn } from "$lib/utils"; 231 import type { Snippet } from "svelte"; 232 233 interface MarqueeProps { 234 children: Snippet; 235 class?: string; 236 reverse?: boolean; 237 pauseOnHover?: boolean; 238 vertical?: boolean; 239 repeat?: number; 240 [key: string]: any; 241 } 242 243 let { 244 children, 245 class: className = "", 246 reverse = false, 247 pauseOnHover = false, 248 vertical = false, 249 repeat = 4, 250 ...rest 251 }: MarqueeProps = $props(); 252<\/script> 253 254<div 255 {...rest} 256 class={cn( 257 "group flex gap-(--gap) overflow-hidden p-2 [--duration:40s] [--gap:1rem]", 258 { 259 "flex-row": !vertical, 260 "flex-col": vertical 261 }, 262 className 263 )} 264> 265 {#each Array(repeat).fill(0) as _, i (i)} 266 <div
267 class={cn("flex shrink-0 justify-around gap-(--gap)", { 268 "animate-marquee flex-row": !vertical, 269 "animate-marquee-vertical flex-col": vertical, 270 "group-hover:paused": pauseOnHover, 271 "direction-[reverse]": reverse 272 })} 273 > 274 {@render children?.()} 275 </div> 276 {/each} 277</div> 278`;export{n as a,o as b,s as c,t as d,r as l,e as m};
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.