1import{s as me,r as ue,i as ye}from"../chunks/BXhwi9sJ.js";import"../chunks/DxAsu0tI.js";import{p as le,e as ie,B as Q,f as $,s as pe,a as e,n as fe,L as S,c as r,b as _,d as t,K as l,r as s,j as te,i as Y,g as oe,h as Te,ab as Ae,t as de,$ as he}from"../chunks/B232ALK4.js";import{I as xe,B as K}from"../chunks/DOXG6GBn.js";import{B as ne}from"../chunks/jLiRLHDe.js";import{A as ce,a as ve}from"../chunks/B-bd-nZJ.js";import{S as re}from"../chunks/s-7BGGhE.js";import{I as be,C as Me,S as Ne}from"../chunks/DSBmZK6O.js";import{C as Z,a as ee,b as J,c as ae,d as Re,A as Fe,e as Le,f as Ue}from"../chunks/O8qVb8VV.js";import{c as o}from"../chunks/BXaGBBoa.js";import{I as Ge,T as Oe}from"../chunks/CWmCwdDg.js";import{e as De,s as we,i as Ee}from"../chunks/BpIDZO9t.js";import"../chunks/B1xDsxBA.js";import{R as He}from"../chunks/Bup5LBQz.js";var Ve=new Set(["$$slots","$$events","$$legacy"]);function Ce(R,n){le(n,!0);/** 2 * @license @lucide/svelte v0.542.0 - ISC 3 * 4 * ISC License 5 * 6 * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025. 7 * 8 * Permission to use, copy, modify, and/or distribute this software for any 9 * purpose with or without fee is hereby granted, provided that the above 10 * copyright notice and this permission notice appear in all copies. 11 * 12 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES 13 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF 14 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR 15 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES 16 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN 17 * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF 18 * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. 19 * 20 * --- 21 * 22 * The MIT License (MIT) (for portions derived from Feather) 23 * 24 * Copyright (c) 2013-2023 Cole Bemis 25 * 26 * Permission is hereby granted, free of charge, to any person obtaining a copy 27 * of this software and associated documentation files (the "Software"), to deal 28 * in the Software without restriction, including without limitation the rights 29 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 30 * copies of the Software, and to permit persons to whom the Software is 31 * furnished to do so, subject to the following conditions: 32 * 33 * The above copyright notice and this permission notice shall be included in all 34 * copies or substantial portions of the Software. 35 * 36 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 37 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 38 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 39 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 40 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 41 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 42 * SOFTWARE. 43 * 44 */let C=ue(n,Ve);const j=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335"}],["path",{d:"m9 11 3 3L22 4"}]];xe(R,me({name:"circle-check-big"},()=>C,{get iconNode(){return j},children:(y,F)=>{var z=Q(),A=$(z);pe(A,()=>n.children??fe),e(y,z)},$$slots:{default:!0}})),ie()}var We=new Set(["$$slots","$$events","$$legacy"]);function Ye(R,n){le(n,!0);/** 45 * @license @lucide/svelte v0.542.0 - ISC 46 * 47 * ISC License 48 * 49 * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025. 50 * 51 * Permission to use, copy, modify, and/or distribute this software for any 52 * purpose with or without fee is hereby granted, provided that the above 53 * copyright notice and this permission notice appear in all copies. 54 * 55 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES 56 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF 57 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR 58 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES 59 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN 60 * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF 61 * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. 62 * 63 * --- 64 * 65 * The MIT License (MIT) (for portions derived from Feather) 66 * 67 * Copyright (c) 2013-2023 Cole Bemis 68 * 69 * Permission is hereby granted, free of charge, to any person obtaining a copy 70 * of this software and associated documentation files (the "Software"), to deal 71 * in the Software without restriction, including without limitation the rights 72 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 73 * copies of the Software, and to permit persons to whom the Software is 74 * furnished to do so, subject to the following conditions: 75 * 76 * The above copyright notice and this permission notice shall be included in all 77 * copies or substantial portions of the Software. 78 * 79 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 80 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 81 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 82 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 83 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 84 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 85 * SOFTWARE. 86 * 87 */let C=ue(n,We);const j=[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"}]];xe(R,me({name:"copy"},()=>C,{get iconNode(){return j},children:(y,F)=>{var z=Q(),A=$(z);pe(A,()=>n.children??fe),e(y,z)},$$slots:{default:!0}}
87)),ie()}var qe=new Set(["$$slots","$$events","$$legacy"]);function je(R,n){le(n,!0);/** 88 * @license @lucide/svelte v0.542.0 - ISC 89 * 90 * ISC License 91 * 92 * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025. 93 * 94 * Permission to use, copy, modify, and/or distribute this software for any 95 * purpose with or without fee is hereby granted, provided that the above 96 * copyright notice and this permission notice appear in all copies. 97 * 98 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES 99 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF 100 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR 101 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES 102 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN 103 * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF 104 * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. 105 * 106 * --- 107 * 108 * The MIT License (MIT) (for portions derived from Feather) 109 * 110 * Copyright (c) 2013-2023 Cole Bemis 111 * 112 * Permission is hereby granted, free of charge, to any person obtaining a copy 113 * of this software and associated documentation files (the "Software"), to deal 114 * in the Software without restriction, including without limitation the rights 115 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 116 * copies of the Software, and to permit persons to whom the Software is 117 * furnished to do so, subject to the following conditions: 118 * 119 * The above copyright notice and this permission notice shall be included in all 120 * copies or substantial portions of the Software. 121 * 122 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 123 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 124 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 125 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 126 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 127 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 128 * SOFTWARE. 129 * 130 */let C=ue(n,qe);const j=[["path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"}]];xe(R,me({name:"wrench"},()=>C,{get iconNode(){return j},children:(y,F)=>{var z=Q(),A=$(z);pe(A,()=>n.children??fe),e(y,z)},$$slots:{default:!0}})),ie()}var Ke=new Set(["$$slots","$$events","$$legacy"]);function Pe(R,n){le(n,!0);/** 131 * @license @lucide/svelte v0.542.0 - ISC 132 * 133 * ISC License 134 * 135 * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025. 136 * 137 * Permission to use, copy, modify, and/or distribute this software for any 138 * purpose with or without fee is hereby granted, provided that the above 139 * copyright notice and this permission notice appear in all copies. 140 * 141 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES 142 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF 143 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR 144 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES 145 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN 146 * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF 147 * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. 148 * 149 * --- 150 * 151 * The MIT License (MIT) (for portions derived from Feather) 152 * 153 * Copyright (c) 2013-2023 Cole Bemis 154 * 155 * Permission is hereby granted, free of charge, to any person obtaining a copy 156 * of this software and associated documentation files (the "Software"), to deal 157 * in the Software without restriction, including without limitation the rights 158 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 159 * copies of the Software, and to permit persons to whom the Software is 160 * furnished to do so, subject to the following conditions: 161 * 162 * The above copyright notice and this permission notice shall be included in all 163 * copies or substantial portions of the Software. 164 * 165 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 166 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 167 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 168 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 169 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 170 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 171 * SOFTWARE. 172 * 173 */let C=ue(n,Ke);const j=[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"}]];xe(R,me({name:"zap"},()=>C,{get iconNode(){return j},children:(y,F)=>{var z=Q(),A=$(z);pe(A,()=>n.children??fe),e(y,z)},$$slots:{default:!0}}
173)),ie()}const Et=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));var Ze=_("<!> <!>",1),Je=_(`<section class="min-h-screen w-full bg-card/60 relative"><div class="absolute inset-0 z-0" style=" 174 background-image: linear-gradient(to right, var(--border) 0.3px, transparent 1px), 175 linear-gradient(to bottom, var(--border) 0.3px, transparent 1px); 176 background-size: 40px 40px;"></div> <div class="relative z-10 container mx-auto px-4 py-24 min-h-screen flex items-center"><div class="grid lg:grid-cols-2 gap-16 items-center w-full"><div class="space-y-8"><div class="inline-flex items-center space-x-2"><!></div> <div class="space-y-6"><h1 class="text-6xl lg:text-7xl font-bold leading-tight">Build <span class="relative">amazing</span> <br/> Svelte apps</h1> <p class="text-xl lg:text-2xl dark:text-muted-foreground max-w-2xl leading-relaxed">Beautiful RetroUI component library for Svelte. Copy-paste components directly or 177 install via CLI with 40+ components, 16 themes, and endless possibilities.</p></div> <div class="flex flex-col sm:flex-row gap-4"><!></div></div> <div class="relative mx-2 sm:mx-0"><div class="bg-gray-900 border-2 sm:border-4 border-black shadow-lg overflow-hidden"><div class="bg-gray-800 px-2 sm:px-4 py-2 sm:py-3 flex items-center space-x-1 sm:space-x-2 border-b border-gray-700"><div class="w-2 h-2 sm:w-3 sm:h-3 bg-red-500"></div> <div class="w-2 h-2 sm:w-3 sm:h-3 bg-yellow-500"></div> <div class="w-2 h-2 sm:w-3 sm:h-3 bg-green-500"></div> <div class="ml-2 sm:ml-4 text-gray-400 text-xs sm:text-sm font-mono">Terminal</div></div> <div class="p-3 sm:p-6 bg-gray-900"><div class="space-y-4"><div class="flex items-center space-x-2"><span class="text-green-400">$</span> <span class="text-white font-mono">npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/button.json</span></div> <div class="text-gray-400 text-sm">â Component installed successfully!</div> <div class="text-gray-400 text-sm mt-4">Ready to build beautiful Svelte apps in minutes</div></div></div></div> <div class="hidden absolute -top-4 -right-4 w-12 h-12 sm:w-16 sm:h-16 bg-primary border-2 sm:border-4 border-black sm:flex items-center justify-center shadow-lg"><!></div> <div class="hidden absolute -bottom-4 -left-4 w-8 h-8 sm:w-12 sm:h-12 bg-blue-500 border-2 sm:border-4 border-black sm:flex items-center justify-center shadow-lg"><!></div> <div class="hidden sm:block absolute top-1/2 -left-6 sm:-left-8 w-6 h-6 sm:w-8 sm:h-8 bg-pink-500 border-2 sm:border-4 border-black transform rotate-45 shadow-lg"></div> <div class=" sm:hidden absolute -top-2 -right-2 w-8 h-8 bg-primary border-2 border-black flex items-center justify-center shadow-lg"><!></div> <div class=" sm:hidden absolute -bottom-2 -left-2 w-6 h-6 bg-blue-500 border-2 border-black flex items-center justify-center shadow-lg"><!></div></div></div></div></section>`);function Qe(R){var n=Je(),C=t(r(n),2),j=r(C),y=r(j),F=r(y),z=r(F);ce(z,{status:"warning",class:"items-center",children:(m,E)=>{var u=Ze(),P=$(u);be(P,{className:"size-4 mr-4"});var g=t(P,2);ve(g,{children:(W,f)=>{l();var a=S("Introducing RetroUI Svelte");e(W,a)},$$slots:{default:!0}}),e(m,u)},$$slots:{default:!0}}),s(F);var A=t(F,4),q=r(A);K(q,{size:"lg",href:"/docs",children:(m,E)=>{l();var u=S("Get Started");e(m,u)},$$slots:{default:!0}}),s(A),s(y);var D=t(y,2),H=t(r(D),2),G=r(H);re(G,{class:"w-6 h-6 sm:w-8 sm:h-8 text-primary-foreground"}),s(H);var L=t(H,2),B=r(L);Pe(B,{class:"w-4 h-4 sm:w-6 sm:h-6 text-white"}),s(L);var x=t(L,4),I=r(x);re(I,{class:"w-4 h-4 text-primary-foreground"}),s(x);var w=t(x,2),p=r(w);Pe(p,{class:"w-3 h-3 text-white"}),s(w),s(D),s(j),s(C),s(n),e(R,n)}var Xe=_('<div class="w-12 h-12 bg-primary flex items-center justify-center flex-shrink-0 border-2 border-black"><!></div> <p>Copy-Paste Ready</p>',1),et=_("<div><!> <!></div>"),tt=_('<div class="w-12 h-12 bg-primary flex items-center justify-center flex-shrink-0 border-2 border-black"><!></div> <p>Tailwind Based</p>',1),ke=_("<!> <!>",1),rt=_('<div class="w-12 h-12 bg-primary flex items-center justify-center flex-shrink-0 border-2 border-black"><!></div> <p>Type Safe</p>',1),st=_(`<section class="py-24 px-4 bg-background"><div class="container mx-auto"><div class="text-center mb-20"><h2 class="text-5xl lg:text-6xl font-bold mb-6">Why Choose <span class="relative">RetroUI Svelte? <div class="absolute -bottom-2 left-0 w-full h-4 bg-primary -z-10 transform -skew-x-12"></div></span></h2> <p class="text-xl text-muted-foreground max-w-3xl mx-auto">Built specifically for Svelte with modern development practices and beautiful design 178 patterns.</p></div> <div class="grid lg:grid-cols-2 gap-16 items-center mb-20"><div class="space-y-8"><div class="grid gap-6"><!> <!> <!></div></div> <div class="relative"><div class="bg-gray-900 border-4 border-black shadow-lg overflow-hidden"><div class="bg-gray-800 px-2 sm:px-4 py-2 sm:py-3 flex items-center space-x-1 sm:space-x-2 border-b border-gray-700"><div class="w-2 h-2 sm:w-3 sm:h-3 bg-red-500"></div> <div class="w-2 h-2 sm:w-3 sm:h-3 bg-yellow-500"></div> <div class="w-2 h-2 sm:w-3 sm:h-3 bg-green-500"></div> <div class="ml-2 sm:ml-4 text-gray-400 text-xs sm:text-sm font-mono">Component Preview</div></div> <div class="p-3 sm:p-6 bg-gray-900"><pre class="text-green-400 text-xs sm:text-sm leading-relaxed whitespace-pre-wrap sm:whitespace-pre"><code class="language-svelte"><script> 179 import * as Button from "$registry/ui/button"; 180 import * as Card from "$registry/ui/card"; 181</script> 182 183<Card.Root class="w-80"> 184 <
184Card.Header> 185 <Card.Title>RetroUI Components</Card.Title> 186 </Card.Header> 187 <Card.Content class="space-y-4"> 188 <p class="text-sm text-muted-foreground"> 189 Beautiful, accessible components ready to use. 190 </p> 191 <Button.Root class="w-full"> 192 Get Started 193 </Button.Root> 194 </Card.Content> 195</Card.Root></code></pre></div></div></div></div></div></section>`);function at(R){var n=st(),C=r(n),j=t(r(C),2),y=r(j),F=r(y),z=r(F);Z(z,{children:(D,H)=>{var G=et(),L=r(G);ee(L,{class:"font-bold text-xl mb-2 flex flex-row items-center gap-2",children:(x,I)=>{var w=Xe(),p=$(w),m=r(p);Ye(m,{class:"w-6 h-6 text-primary-foreground"}),s(p),l(2),e(x,w)},$$slots:{default:!0}});var B=t(L,2);J(B,{class:"text-muted-foreground",children:(x,I)=>{l();var w=S(`Components you can copy-paste directly or install via CLI. No complex setup 196 required.`);e(x,w)},$$slots:{default:!0}}),s(G),e(D,G)},$$slots:{default:!0}});var A=t(z,2);Z(A,{children:(D,H)=>{var G=ke(),L=$(G);ee(L,{class:"font-bold text-xl mb-2 flex flex-row items-center gap-2",children:(x,I)=>{var w=tt(),p=$(w),m=r(p);je(m,{class:"w-6 h-6 text-primary-foreground"}),s(p),l(2),e(x,w)},$$slots:{default:!0}});var B=t(L,2);J(B,{class:"text-muted-foreground",children:(x,I)=>{l();var w=S("Fully customizable with Tailwind CSS. Override any style with utility classes.");e(x,w)},$$slots:{default:!0}}),e(D,G)},$$slots:{default:!0}});var q=t(A,2);Z(q,{children:(D,H)=>{var G=ke(),L=$(G);ee(L,{class:"font-bold text-xl mb-2 flex flex-row items-center gap-2",children:(x,I)=>{var w=rt(),p=$(w),m=r(p);Ce(m,{class:"w-6 h-6 text-primary-foreground"}),s(p),l(2),e(x,w)},$$slots:{default:!0}});var B=t(L,2);J(B,{class:"text-muted-foreground",children:(x,I)=>{l();var w=S("Full TypeScript support for all components with excellent IntelliSense.");e(x,w)},$$slots:{default:!0}}),e(D,G)},$$slots:{default:!0}}),s(F),s(y),l(2),s(j),s(C),s(n),e(R,n)}var ot=_('<div class="space-y-3"><!> <!> <div class="flex items-center space-x-2"><!> <label for="terms" class="text-sm text-muted-foreground">I agree to the terms</label></div></div> <div class="flex space-x-2"><!> <!></div>',1),X=_("<!> <!>",1),lt=_('<div class="grid grid-cols-2 gap-3"><!> <!> <!> <!></div> <div class="flex space-x-2"><!> <!> <!></div>',1),it=_('<div class="flex flex-wrap gap-2"><!> <!> <!> <!></div>'),dt=_('<div class="flex items-center space-x-4"><div class="w-8 h-8 bg-primary flex items-center justify-center"><!></div> <span class="text-sm">Interactive Icon</span></div> <!>',1),nt=_(`<section class="py-20 px-4 bg-card/60"><div class="container mx-auto"><div class="text-center mb-16"><h2 class="text-4xl lg:text-5xl font-bold mb-4">Beautiful Svelte Components</h2> <p class="text-xl text-muted-foreground max-w-2xl mx-auto">Over 40+ carefully crafted components built for Svelte with shadcn-svelte. Copy, paste, and 197 customize to your heart's content.</p></div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16"><!> <!> <!> <!> <!></div> <div class="grid md:grid-cols-3 gap-8 mb-12"><div class="text-center"><div class="text-4xl font-bold mb-2">40+</div> <div class="text-lg text-muted-foreground">Components</div></div> <div class="text-center"><div class="text-4xl font-bold mb-2">16</div> <div class="text-lg text-muted-foreground">Themes</div></div> <div class="text-center"><div class="text-4xl font-bold mb-2">100%</div> <div class="text-lg text-muted-foreground">Svelte 5 Ready</div></div></div> <div class="text-center"><a href="/docs/components"><!></a></div></div></section>`);function ct(R){let n=oe(50);var C=nt(),j=r(C),y=t(r(j),2),F=r(y);o(F,()=>Z,(B,x)=>{x(B,{children:(I,w)=>{var p=X(),m=$(p);o(m,()=>ae,(u,P)=>{P(u,{class:"bg-primary p-4 items-center border-2 border-black",children:(g,W)=>{var f=Q(),a=$(f);o(a,()=>ee,(i,d)=>{d(i,{class:"text-primary-foreground text-center",children:(k,c)=>{l();var v=S("Form Components");e(k,v)},$$slots:{default:!0}})}),e(g,f)},$$slots:{default:!0}})});var E=t(m,2);o(E,()=>J,(u,P)=>{P(u,{class:"p-6 space-y-4",children:(g,W)=>{var f=ot(),a=$(f),i=r(a);Ge(i,{placeholder:"Enter your email"});var d=t(i,2);Oe(d,{placeholder:"Your message...",class:"h-20"});var k=t(d,2),c=r(k);Re(c,{id:"terms"}),l(2),s(k),s(a);
197var v=t(a,2),M=r(v);o(M,()=>K,(N,h)=>{h(N,{size:"sm",class:"bg-primary border-black",children:(b,T)=>{l();var V=S("Submit");e(b,V)},$$slots:{default:!0}})});var O=t(M,2);o(O,()=>K,(N,h)=>{h(N,{size:"sm",variant:"outline",class:"border-black ",children:(b,T)=>{l();var V=S("Cancel");e(b,V)},$$slots:{default:!0}})}),s(v),e(g,f)},$$slots:{default:!0}})}),e(I,p)},$$slots:{default:!0}})});var z=t(F,2);o(z,()=>Z,(B,x)=>{x(B,{children:(I,w)=>{var p=X(),m=$(p);o(m,()=>ae,(u,P)=>{P(u,{class:"bg-primary p-4 items-center border-2 border-black",children:(g,W)=>{var f=Q(),a=$(f);o(a,()=>ee,(i,d)=>{d(i,{class:"text-primary-foreground text-center",children:(k,c)=>{l();var v=S("Button Variants");e(k,v)},$$slots:{default:!0}})}),e(g,f)},$$slots:{default:!0}})});var E=t(m,2);o(E,()=>J,(u,P)=>{P(u,{class:"p-6 space-y-4",children:(g,W)=>{var f=lt(),a=$(f),i=r(a);o(i,()=>K,(h,b)=>{b(h,{class:"",children:(T,V)=>{l();var U=S("Primary");e(T,U)},$$slots:{default:!0}})});var d=t(i,2);o(d,()=>K,(h,b)=>{b(h,{variant:"outline",class:" ",children:(T,V)=>{l();var U=S("Outline");e(T,U)},$$slots:{default:!0}})});var k=t(d,2);o(k,()=>K,(h,b)=>{b(h,{children:(T,V)=>{l();var U=S("Solid");e(T,U)},$$slots:{default:!0}})});var c=t(k,2);o(c,()=>K,(h,b)=>{b(h,{variant:"ghost",class:"",children:(T,V)=>{l();var U=S("Ghost");e(T,U)},$$slots:{default:!0}})}),s(a);var v=t(a,2),M=r(v);o(M,()=>K,(h,b)=>{b(h,{size:"sm",class:"",children:(T,V)=>{l();var U=S("Small");e(T,U)},$$slots:{default:!0}})});var O=t(M,2);o(O,()=>K,(h,b)=>{b(h,{class:"",children:(T,V)=>{l();var U=S("Default");e(T,U)},$$slots:{default:!0}})});var N=t(O,2);o(N,()=>K,(h,b)=>{b(h,{size:"lg",class:"",children:(T,V)=>{l();var U=S("Large");e(T,U)},$$slots:{default:!0}})}),s(v),e(g,f)},$$slots:{default:!0}})}),e(I,p)},$$slots:{default:!0}})});var A=t(z,2);o(A,()=>Z,(B,x)=>{x(B,{children:(I,w)=>{var p=X(),m=$(p);o(m,()=>ae,(u,P)=>{P(u,{class:"bg-primary p-4 items-center border-2 border-black",children:(g,W)=>{var f=Q(),a=$(f);o(a,()=>ee,(i,d)=>{d(i,{class:"text-primary-foreground text-center",children:(k,c)=>{l();var v=S("Badge Collection");e(k,v)},$$slots:{default:!0}})}),e(g,f)},$$slots:{default:!0}})});var E=t(m,2);o(E,()=>J,(u,P)=>{P(u,{class:"p-6 space-y-4",children:(g,W)=>{var f=it(),a=r(f);o(a,()=>ne,(c,v)=>{v(c,{class:"bg-primary ",children:(M,O)=>{l();var N=S("Default");e(M,N)},$$slots:{default:!0}})});var i=t(a,2);o(i,()=>ne,(c,v)=>{v(c,{variant:"outline",class:"border-black ",children:(M,O)=>{l();var N=S("Outlined");e(M,N)},$$slots:{default:!0}})});var d=t(i,2);o(d,()=>ne,(c,v)=>{v(c,{variant:"solid",class:"bg-gray-200 ",children:(M,O)=>{l();var N=S("Secondary");e(M,N)},$$slots:{default:!0}})});var k=t(d,2);o(k,()=>ne,(c,v)=>{v(c,{variant:"primary",class:"bg-primary ",children:(M,O)=>{l();var N=S("Primary");e(M,N)},$$slots:{default:!0}})}),s(f),e(g,f)},$$slots:{default:!0}})}),e(I,p)},$$slots:{default:!0}})});var q=t(A,2);o(q,()=>Z,(B,x)=>{x(B,{children:(I,w)=>{var p=X(),m=$(p);o(m,()=>ae,(u,P)=>{P(u,{class:"bg-primary p-4 items-center border-2 border-black",children:(g,W)=>{var f=Q(),a=$(f);o(a,()=>ee,(i,d)=>{d(i,{class:"text-primary-foreground text-center",children:(k,c)=>{l();var v=S("Alert Components");e(k,v)},$$slots:{default:!0}})}),e(g,f)},$$slots:{default:!0}})});var E=t(m,2);o(E,()=>J,(u,P)=>{P(u,{class:"p-6 space-y-3",children:(g,W)=>{var f=X(),a=$(f);o(a,()=>ce,(d,k)=>{k(d,{status:"success",class:"items-center",children:(c,v)=>{var M=X(),O=$(M);Me(O,{className:"size-4 mr-4"});var N=t(O,2);o(N,()=>ve,(h,b)=>{b(h,{class:"text-xs",children:(T,V)=>{l();var U=S("Success! Your changes have been saved");e(T,U)},$$slots:{default:!0}})}),e(c,M)},$$slots:{default:!0}})});var i=t(a,2);o(i,()=>ce,(d,k)=>{k(d,{status:"warning",class:"items-center",children:(c,v)=>{var M=X(),O=$(M);be(O,{className:"size-4 mr-4"});var N=t(O,2);o(N,()=>ve,(h,b)=>{b(h,{class:"text-xs",children:(T,V)=>{l();var U=S("Warning: Please review your input.");e(T,U)},$$slots:{default:!0}})}),e(c,M)},$$slots:{default:!0}})}),e(g,f)},$$slots:{default:!0}})}),e(I,p)},$$slots:{default:!0}})});var D=t(q,2);o(D,()=>Z,(B,x)=>{x(B,{children:(I,w)=>{var p=X(),m=$(p);o(m,()=>ae,(u,P)=>{P(u,{class:"bg-primary p-4 items-center border-2 border-black",children:(g,W)=>{var f=Q(),a=$(f);o(a,()=>ee,(i,d)=>{d(i,{class:"text-primary-foreground text-center",children:(k,c)=>{l();var v=S("Interactive Elements");e(k,v)},$$slots:{default:!0}})}),e(g,f)},$$slots:{default:!0}})});var E=t(m,2);o(E,()=>J,(u,P)=>{P(u,{class:"p-6 space-y-4",children:(g,W)=>{var f=dt(),a=$(f),i=r(a),d=r(i);re(d,{class:"w-4 h-4 text-primary-foreground"}),s(i),l(2),s(a);var k=t(a,2);Ne(k,{type:"single",max:100,step:1,class:"w-full",get value(){return Y(n)},set value(c){te(n,c,!0)}}),e(g,f)},$$slots:{default:!0}})}),e(I,p)},$$slots:{default:!0}})}),s(y);var H=t(y,4),G=r(H),L=r(G);o(L,()=>K,(B,x)=>{x(B,{size:"lg",class:"bg-primary border-black hover:bg-primary-hover",children:(I,w)=>{l();var p=S("View All Components");e(I,p)},$$slots:{default:!0}})}),s(G),s(H),s(j),s(C),e(R,C)}var vt=_('<div class="flex items-center justify-center w-full py-8"><div class="animate-spin rounded-full h-8 w-8 border-b-2 border-black"></div> <span class="ml-2">Loading contributors...</span></div>'),Se=_("<!> <!>",1),mt=_('<div class="flex items-center justify-center w-full py-8"><!></div>'),ut=_('<div class="absolute top-0 right-0 w-4 h-4 bg-primary border border-black rounded-full flex items-center justify-center"><!></div>'),pt=_('<a target="_blank" rel="noopener noreferrer" class="group relative"><!> <!></a>'),ft=_('<div class="flex items-center justify-center w-full py-8"><span class="text-muted-foreground">No contributors found</span></div>'),xt=_("<!> Star on Github",1),gt=_('<section class="py-20 px-4 bg-primary"><div class="container mx-auto text-center"><h2 class="text-4xl lg:text-5xl font-bold text-primary-foreground mb-4">A Growing Community of Developers and Designers</h2> <p class="text-xl text-secondary mb-12 max-w-2xl mx-auto">RetroUI Svelte is free and open-source, and it is made possible by our awesome contributors.</p> <div class="flex justify-center items-center space-x-16 mb-12"><div class="text-center"><div class="relative"><div class="text-6xl font-bold text-secondary mb-2"> </div> <div class="absolute -top-4 -left-4"><!></div></div> <div class="text-lg font-medium text-secondary">Github Stars</div></div></div> <div class="flex flex-wrap justify-center gap-4 mb-12"><!></div> <div class="flex justify-center space-x-4"><!></div></div></section>');function $t(R,n){le(n,!0);let C=oe(Te([])),j=oe(!1),y=oe(null);async function F(){var a;try{return((a=(await(await fetch("https://ungh.cc/repos/Mhamad6000/retroui-svelte")).json()).repo)==null?void 0:a.stars)??10}catch(i){return console.error(i),10}}async function z(){try{return(await(await fetch("https://ungh.cc/repos/Mhamad6000/retroui-svelte/contributors")).json()).contributors.map(d=>({id:d.id,username:d.username,contributions:d.contributions,profileUrl:`https://github.com/${d.username}`,avatar:`https://github.com/${d.username}.png`,name:d.username,role:"Contributor",isAdmin:d.username==="Mhamad6000"||d.username==="ariflogs"}))}catch(a){return console.error(a),te(y,a.message,!0),[]}}let A=oe(10);Ae(async()=>{te(A,await F(),!0),te(j,!0),te(C,await z(),!0),te(j,!1)});
197var q=gt(),D=r(q),H=t(r(D),4),G=r(H),L=r(G),B=r(L),x=r(B,!0);s(B);var I=t(B,2),w=r(I);re(w,{class:"w-8 h-8 text-secondary"}),s(I),s(L),l(2),s(G),s(H);var p=t(H,2),m=r(p);{var E=a=>{var i=vt();e(a,i)},u=a=>{var i=mt(),d=r(i);o(d,()=>ce,(k,c)=>{c(k,{status:"warning",class:"items-center",children:(v,M)=>{var O=Se(),N=$(O);be(N,{className:"size-4 mr-4"});var h=t(N,2);o(h,()=>ve,(b,T)=>{T(b,{class:"text-sm",children:(V,U)=>{l();var se=S();de(()=>he(se,`Unable to load contributors: ${Y(y)??""}`)),e(V,se)},$$slots:{default:!0}})}),e(v,O)},$$slots:{default:!0}})}),s(i),e(a,i)},P=a=>{var i=Q(),d=$(i);De(d,17,()=>Y(C),Ee,(k,c)=>{var v=pt(),M=r(v);o(M,()=>Ue,(h,b)=>{b(h,{class:"w-16 h-16 border-2 border-black",children:(T,V)=>{var U=Se(),se=$(U);o(se,()=>Fe,(ge,$e)=>{$e(ge,{get src(){return Y(c).avatar},get alt(){return Y(c).name}})});var ze=t(se,2);o(ze,()=>Le,(ge,$e)=>{$e(ge,{children:(Be,jt)=>{l();var _e=S();de(Ie=>he(_e,Ie),[()=>Y(c).name.charAt(0).toUpperCase()]),e(Be,_e)},$$slots:{default:!0}})}),e(T,U)},$$slots:{default:!0}})});var O=t(M,2);{var N=h=>{var b=ut(),T=r(b);re(T,{class:"w-2 h-2 text-secondary"}),s(b),e(h,b)};ye(O,h=>{Y(c).isAdmin&&h(N)})}s(v),de(()=>{we(v,"href",Y(c).profileUrl),we(v,"title",`${Y(c).name} (${Y(c).role})`)}),e(k,v)}),e(a,i)},g=a=>{var i=ft();e(a,i)};ye(m,a=>{Y(j)?a(E):Y(y)?a(u,1):Y(C).length>0?a(P,2):a(g,-1)})}s(p);var W=t(p,2),f=r(W);o(f,()=>K,(a,i)=>{i(a,{href:"https://github.com/Mhamad6000/retroui-svelte",variant:"default",class:"!bg-white",target:"_blank",size:"lg",children:(d,k)=>{var c=xt(),v=$(c);re(v,{class:"w-5 h-5 mr-2"}),l(),e(d,c)},$$slots:{default:!0}})}),s(W),s(D),s(q),de(()=>he(x,Y(A))),e(R,q),ie()}var ht=_('<div class="w-20 h-20 text-white flex items-center justify-center text-3xl font-bold mx-auto mb-4 group-hover:scale-110 transition-transform"><img src="/23617963.png" alt="Svelte 5" class="size-full object-contain"/></div> <h3 class="text-xl font-bold mb-2">Svelte 5</h3> <p class="text-muted-foreground text-sm">Built for the latest Svelte with runes and modern features</p>',1),bt=_('<div class="w-20 h-20 text-white flex items-center justify-center text-3xl font-bold mx-auto mb-4 group-hover:scale-110 transition-transform"><img src="/typescript.png" alt="TypeScript" class="size-full object-contain"/></div> <h3 class="text-xl font-bold mb-2">TypeScript</h3> <p class="text-muted-foreground text-sm">Full type safety with excellent IntelliSense support</p>',1),_t=_('<div class="w-20 h-20 text-white flex items-center justify-center text-3xl font-bold mx-auto mb-4 group-hover:scale-110 transition-transform"><img src="/Tailwind_CSS_Logo.svg.png" alt="TailwindCSS v4" class="size-full object-contain"/></div> <h3 class="text-xl font-bold mb-2">Tailwind v4</h3> <p class="text-muted-foreground text-sm">Modern utility-first CSS with zero-runtime overhead</p>',1),yt=_('<div class="w-20 h-20 text-white flex items-center justify-center text-3xl font-bold mx-auto mb-4 group-hover:scale-110 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="size-full"><rect width="256" height="256" fill="none"></rect><line x1="208" y1="128" x2="128" y2="208" fill="none" stroke="#EB4F27" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></line><line x1="192" y1="40" x2="40" y2="192" fill="none" stroke="#EB4F27" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></line></svg></div> <h3 class="text-xl font-bold mb-2">shadcn-svelte</h3> <p class="text-muted-foreground text-sm">Compatible registry system for easy installs</p>',1),wt=_(`<section class="min-h-screen w-full bg-background relative"><div class="absolute inset-0 z-0" style=" 198 background-image: 199 linear-gradient(to right, rgba(255,219,51,0.3) 1px, transparent 1px), 200 linear-gradient(to bottom, rgba(255,219,51,0.3) 1px, transparent 1px), 201 radial-gradient(circle at 50% 50%, rgba(255,219,51,0.05) 0%, rgba(255,219,51,0.05) 40%, transparent 80%); 202 background-size: 32px 32px, 32px 32px, 100% 100%; 203 "></div> <div class="relative z-10 container mx-auto py-24 px-4"><div class="text-center mb-20"><h2 class="text-5xl lg:text-6xl font-bold mb-6">Built for Modern <span class="relative">Development <div class="absolute -bottom-2 left-0 w-full h-3 bg-primary -z-10 transform -skew-x-12"></div></span></h2> <p class="text-xl text-muted-foreground max-w-3xl mx-auto">Built with Svelte 5 runes, TypeScript safety, Tailwind v4 performance, and shadcn-svelte 204 compatibility. The modern stack for lightning-fast development.</p></div> <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 mb-16"><!> <!> <!> <!></div> <div class="grid lg:grid-cols-3 gap-8 mb-16"><div class="text-center"><div class="w-16 h-16 bg-primary flex items-center justify-center mx-auto mb-4 border-2 border-black"><!></div> <h3 class="text-xl font-bold mb-2">Lightning Fast Development</h3> <p class="text-muted-foreground">Build beautiful interfaces in minutes, not hours. Copy, paste, and ship faster than ever.</p></div> <div class="text-center"><div class="w-16 h-16 bg-primary flex items-center justify-center mx-auto mb-4 border-2 border-black"><!></div> <h3 class="text-xl font-bold mb-2">shadcn-svelte Compatible</h3> <p class="text-muted-foreground">Built on top of shadcn-svelte's proven component architecture.</p></div> <div class="text-center"><div class="w-16 h-16 bg-primary flex items-center justify-center mx-auto mb-4 border-2 border-black"><!></div> <h3 class="text-xl font-bold mb-2">Easy Integration</h3> <p class="text-muted-foreground">
204Install components with a single command and start building immediately.</p></div></div> <div class="bg-gray-900 border-4 border-black p-8 shadow-lg"><div class="flex items-center space-x-2 mb-6"><div class="w-3 h-3 bg-red-500"></div> <div class="w-3 h-3 bg-yellow-500"></div> <div class="w-3 h-3 bg-green-500"></div> <div class="ml-4 text-gray-400 text-sm font-mono">Installation</div></div> <div class="space-y-4"><div class="flex items-center space-x-4"><span class="text-green-400 font-mono">$</span> <span class="text-white font-mono">npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/accordion.json</span></div> <div class="flex items-center space-x-4"><span class="text-green-400 font-mono">$</span> <span class="text-white font-mono">npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/button.json</span></div> <div class="text-gray-400 text-sm">â Components added to your Svelte project</div></div></div></div></section>`);function Pt(R){var n=wt(),C=t(r(n),2),j=t(r(C),2),y=r(j);Z(y,{class:"transition-all group",children:(m,E)=>{J(m,{class:"p-8 text-center",children:(u,P)=>{var g=ht();l(4),e(u,g)},$$slots:{default:!0}})},$$slots:{default:!0}});var F=t(y,2);Z(F,{class:"transition-all group",children:(m,E)=>{J(m,{class:"p-8 text-center",children:(u,P)=>{var g=bt();l(4),e(u,g)},$$slots:{default:!0}})},$$slots:{default:!0}});var z=t(F,2);Z(z,{class:"transition-all group",children:(m,E)=>{J(m,{class:"p-8 text-center",children:(u,P)=>{var g=_t();l(4),e(u,g)},$$slots:{default:!0}})},$$slots:{default:!0}});var A=t(z,2);Z(A,{class:"transition-all group",children:(m,E)=>{J(m,{class:"p-8 text-center",children:(u,P)=>{var g=yt();l(4),e(u,g)},$$slots:{default:!0}})},$$slots:{default:!0}}),s(j);var q=t(j,2),D=r(q),H=r(D),G=r(H);He(G,{class:"w-8 h-8 text-primary-foreground"}),s(H),l(4),s(D);var L=t(D,2),B=r(L),x=r(B);Ce(x,{class:"w-8 h-8 text-primary-foreground"}),s(B),l(4),s(L);var I=t(L,2),w=r(I),p=r(w);je(p,{class:"w-8 h-8 text-primary-foreground"}),s(w),l(4),s(I),s(q),l(2),s(C),s(n),e(R,n)}var kt=_('<footer class="bg-black text-white py-8"><div class="container mx-auto px-4"><div class="flex flex-col justify-center items-center"><div class="text-sm text-gray-400">Built by <a href="https://x.com/ariflogs" target="_blank" class="hover:text-primary underline">Arif Hossain</a> . Ported to Svelte by <a href="https://x.com/Mhamad_6000" target="_blank" class="hover:text-primary underline">Mhamad Othman</a>.</div></div></div></footer>');function St(R){var n=kt();e(R,n)}var Ct=_('<div class="min-h-screen bg-background"><!> <!> <!> <!> <!> <!></div>');function Ht(R){var n=Ct(),C=r(n);Qe(C);var j=t(C,2);at(j);var y=t(j,2);ct(y);var F=t(y,2);$t(F,{});var z=t(F,2);Pt(z);var A=t(z,2);St(A),s(n),e(R,n)}export{Ht as component,Et as universal};
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.