1import{x as s,a as P,u as X,e as h,b as p,c as Y}from"./main-Ex-1LHMJ.js";import{m as t}from"./mdx-LEb1kaIk.js";import{M as T,m as z,I as d}from"./ValidatorInput-PzAJrwPH.js";import{B as u}from"./Buttons-E-yT_r7C.js";import{F as f,g as V}from"./Form-cLix5-9l.js";import{C as H}from"./Counter-JZ6pTTpZ.js";function W(){return s(P,null,s("div",null,s("div",null,s("h1",{class:"text-4xl"},"Svelte Hello World Bundle"),s("div",null," "),s("div",null,s("span",{style:"color: rgb(17, 168, 205);"},"vite v5.1.1 "),s("span",{style:"color: rgb(13, 188, 121);"},"building for production...")," "),s("div",null,s("span",{style:"color: rgb(13, 188, 121);"},"â")," 26 modules transformed."," "),s("div",null,s("span",{style:"opacity: 0.5;"},"dist/"),s("span",{style:"color: rgb(13, 188, 121);"},"index.html"," "),s("span",{style:"font-weight: bold; opacity: 0.5;"},"0.33 kB"),s("span",{style:"opacity: 0.5;"}," â gzip: 0.24 kB")," "),s("div",null,s("span",{style:"opacity: 0.5;"},"dist/assets/"),s("span",{style:"color: rgb(17, 168, 205);"},"index-BYI6n3Ad.js "),s("span",{style:"font-weight: bold; opacity: 0.5;"},"3.97 kB"),s("span",{class:"whitespace-pre text-xl font-black text-red-600"}," ","â gzip: 1.89 kB")," "),s("div",null,s("span",{style:"color: rgb(13, 188, 121);"},"â built in 174ms")," "))),s("div",{class:"mt-12"},s("div",null,s("h1",{class:"text-4xl"},"Rezact Hello World Bundle"),s("div",null," "),s("div",null,s("span",{style:"color: rgb(17, 168, 205);"},"vite v5.1.1 "),s("span",{style:"color: rgb(13, 188, 121);"},"building for production...")," "),s("div",null,s("span",{style:"color: rgb(13, 188, 121);"},"â")," 4 modules transformed."," "),s("div",null,s("span",{style:"opacity: 0.5;"},"dist/"),s("span",{style:"color: rgb(13, 188, 121);"},"index.html"," "),s("span",{style:"font-weight: bold; opacity: 0.5;"},"0.33 kB"),s("span",{style:"opacity: 0.5;"}," â gzip: 0.24 kB")," "),s("div",null,s("span",{style:"opacity: 0.5;"},"dist/assets/"),s("span",{style:"color: rgb(17, 168, 205);"},"index-xLpY-gYZ.js "),s("span",{style:"font-weight: bold; opacity: 0.5;"},"2.60 kB"),s("span",{class:"whitespace-pre text-xl font-black text-green-600"}," ","â gzip: 1.25 kB")," "),s("div",null,s("span",{style:"color: rgb(13, 188, 121);"},"â built in 212ms")," "))))}function E(a){const e={h2:"h2",p:"p",...a.components};return t.xCreateElement(t.xFragment,null,t.xCreateElement(e.h2,null,"Intuitive Reactivity, Simplified State."),` 2`,t.xCreateElement(e.p,null,"Embrace a modern UI framework that simplifies component design. With Rezact, you get the power of reactivity without the boilerplate."),` 3`,t.xCreateElement("img",{src:"/Signals.png",alt:"Signals",height:"238",width:"672"}))}function U(a={}){const{wrapper:e}=a.components||{};return e?t.xCreateElement(e,{...a},t.xCreateElement(E,{...a})):E(a)}X();let G=new T(["Jack","Jill","John","Jane"]),J=z(([a])=>a.Map(e=>e),[G]);function q(){return s("form",{class:" m-4 rounded bg-zinc-800 p-8"},z(([a])=>a.Map((e,r)=>{const n=h(([i])=>i.get()%2!==0,[r]),o=h(([i,m])=>i.get()?m.get().toUpperCase():m.get().toLowerCase(),[n,e]),l=h(([i])=>`chk${i.get()}`,[r]);return s("div",{class:"flex items-center gap-4"},s(d,{name:"test",value:e,class:"w-1/2 flex-1"}),s("label",{for:l,"sr-only":!0},"Check ",r),s("input",{id:l,type:"checkbox",value:n}),s("p",{class:"w-1/2 flex-1"},o))}),[J]))}function y(a){const e={h1:"h1",p:"p",...a.components};return t.xCreateElement(t.xFragment,null,t.xCreateElement(e.h1,null,"No Hooks or Rules"),` 4`,t.xCreateElement(e.p,null,"No hook rules... create and use signals ANYWHERE in your code."),` 5`,t.xCreateElement("img",{src:"/SignalsAnywhere.webp",alt:"SignalsAnyWhere",height:"411",width:"672"}),` 6`,t.xCreateElement(q))}function Z(a={}){const{wrapper:e}=a.components||{};return e?t.xCreateElement(e,{...a},t.xCreateElement(y,{...a})):y(a)}function w(a){const e={code:"code",h1:"h1",p:"p",pre:"pre",span:"span",...a.components};return t.xCreateElement(t.xFragment,null,t.xCreateElement(e.h1,null,"Stores"),` 7`,t.xCreateElement(e.p,null,"State Management has never been easier than this. Just start with a simple module and some signals."),` 8`,t.xCreateElement(e.pre,null,t.xCreateElement(e.code,{class:"hljs language-ts"},t.xCreateElement(e.span,{class:"hljs-keyword"},"export")," ",t.xCreateElement(e.span,{class:"hljs-keyword"},"const")," ",t.xCreateElement(e.span,{class:"hljs-attr"},"userStore"),": ",t.xCreateElement(e.span,{class:"hljs-built_in"},"any"),` = { 9 `,t.xCreateElement(e.span,{class:"hljs-attr"},"$isLoggedIn"),": ",t.xCreateElement(e.span,{class:"hljs-literal"},"false"),`, 10 `,t.xCreateElement(e.span,{class:"hljs-attr"},"$userName"),": ",t.xCreateElement(e.span,{class:"hljs-string"},'""'),`, 11 `,t.xCreateElement(e.span,{class:"hljs-attr"},"$email"),": ",t.xCreateElement(e.span,{class:"hljs-string"},'""'),`, 12}; 13 14`,t.xCreateElement(e.span,{class:"hljs-keyword"},"export")," ",t.xCreateElement(e.span,{class:"hljs-keyword"},"function")," ",t.xCreateElement(e.span,{class:"hljs-title function_"},"logIn"),"(",t.xCreateElement(e.span,{class:"hljs-params"},"data"),`) { 15 userStore.`,t.xCreateElement(e.span,{class:"hljs-property"},"$isLoggedIn")," = ",t.xCreateElement(e.span,{class:"hljs-literal"},"true"),`; 16 userStore.`,t.xCreateElement(e.span,{class:"hljs-property"},"$userName")," = data.",t.xCreateElement(e.span,{class:"hljs-property"},"username"),`; 17 userStore.`,t.xCreateElement(e.span,{class:"hljs-property"},"$email")," = data.",t.xCreateElement(e.span,{class:"hljs-property"},"email"),`; 18} 19 20`,t.xCreateElement(e.span,{class:"hljs-keyword"},"export")," ",t.xCreateElement(e.span,{class:"hljs-keyword"},"function")," ",t.xCreateElement(e.span,{class:"hljs-title function_"},"logOut"),"(",t.xCreateElement(e.span,{class:"hljs-params"}),`) { 21 userStore.`,t.xCreateElement(e.span,{class:"hljs-property"},"$isLoggedIn")," = ",t.xCreateElement(e.span,{class:"hljs-literal"},"false"),`; 22 userStore.`,t.xCreateElement(e.span,{class:"hljs-property"},"$userName")," = ",t.xCreateElement(e.span,{class:"hljs-string"},'""'),`; 23 userStore.`,t.xCreateElement(e.span,{class:"hljs-property"},"$email")," = ",t.xCreateElement(e.span,{class:"hljs-string"},'""'),`; 24} 25`)))}function K(a={}){const{wrapper:e}=a.components||{};return e?t.xCreateElement(e,{...a},t.xCreateElement(w,{...a})):w(a)}function b(a){const e={code:"code",h1:"h1",p:"p",pre:"pre",span:"span",...a.components};return t.xCreateElement(t.xFragment,null,t.xCreateElement(e.h1,null,"Built in Router"),` 26`,t.xCreateElement(e.p,null,"No need to install an external dependency, Rezact comes with a built in router that is easy to use."),` 27`,t.xCreateElement(e.pre,null,t.xCreateElement(e.code,{class:"hljs language-typescript"},t.xCreateElement(e.span,{class:"hljs-keyword"},"import")," { useRouter } ",t.xCreateElement(e.span,{class:"hljs-keyword"},"from")," ",t.xCreateElement(e.span,{class:"hljs-string"},'"rezact/router"'),`; 28`,t.xCreateElement(e.span,{class:"hljs-keyword"},"import")," { ",t.xCreateElement(e.span,{class:"hljs-title class_"},"Page")," ",t.xCreateElement(e.span,{class:"hljs-keyword"},"as")," ",t.xCreateElement(e.span,{class:"hljs-title class_"},"FourOhFour")," } ",t.xCreateElement(e.span,{class:"hljs-keyword"},"from")," ",t.xCreateElement(e.span,{class:"hljs-string"},'"./Pages/404"'),`; 29 30`,t.xCreateElement(e.span,{class:"hljs-keyword"},"const")," router = ",t.xCreateElement(e.span,{class:"hljs-title function_"},"useRouter"),`(); 31 32router.`,t.xCreateElement(e.span,{class:"hljs-title function_"},"addRoute"),"(",t.xCreateElement(e.span,{class:"hljs-string"},'"/404"'),", ",t.xCreateElement(e.span,{class:"hljs-title class_"},"FourOhFour"),`); 33 34`,t.xCreateElement(e.span,{class:"hljs-keyword"},"const"),` routes = [ 35 { 36 `,t.xCreateElement(e.span,{class:"hljs-attr"},"path"),": ",t.xCreateElement(e.span,{class:"hljs-string"},'"/"'),`, 37 `,t.xCreateElement(e.span,{class:"hljs-attr"},"component"),": ",t.xCreateElement(e.span,{class:"hljs-function"},"() =>")," ",t.xCreateElement(e.span,{class:"hljs-keyword"},"import"),"(",t.xCreateElement(e.span,{class:"hljs-string"},'"src/Pages/LandingPage"'),`), 38 `,t.xCreateElement(e.span,{class:"hljs-attr"},"dataLoader"),": ",t.xCreateElement(e.span,{class:"hljs-function"},"() =>")," {} ",t.xCreateElement(e.span,{class:"hljs-comment"},"// COMING SOON!"),` 39 `,t.xCreateElement(e.span,{class:"hljs-attr"},"title"),": ",t.xCreateElement(e.span,{class:"hljs-string"},'"Rezact"'),`, 40 }, 41 { 42 `,t.xCreateElement(e.span,{class:"hljs-attr"},"path"),": ",t.xCreateElement(e.span,{class:"hljs-string"},'"/docs"'),`, 43 `,t.xCreateElement(e.span,{class:"hljs-attr"},"component"),": ",t.xCreateElement(e.span,{class:"hljs-function"},"() =>")," ",t.xCreateElement(e.span,{class:"hljs-keyword"},"import"),"(",t.xCreateElement(e.span,{class:"hljs-string"},'"src/Docs/PageOne.mdx"'),`), 44 `,t.xCreateElement(e.span,{class:"hljs-attr"},"dataLoader"),": ",t.xCreateElement(e.span,{class:"hljs-function"},"() =>")," {} ",t.xCreateElement(e.span,{class:"hljs-comment"},"// COMING SOON!"),` 45 `,t.xCreateElement(e.span,{class:"hljs-attr"},"title"),": ",t.xCreateElement(e.span,{class:"hljs-string"},'"Rezact"'),`, 46 }, 47 { 48 `,t.xCreateElement(e.span,{class:"hljs-attr"},"path"),": ",t.xCreateElement(e.span,{class:"hljs-string"},'"/users/:userId"'),`, 49 `,t.xCreateElement(e.span,{class:"hljs-attr"},"component"),": ",t.xCreateElement(e.span,{class:"hljs-function"},"() =>")," ",t.xCreateElement(e.span,{class:"hljs-keyword"},"import"),"(",t.xCreateElement(e.span,{class:"hljs-string"},'"src/Pages/Users"'),`), 50 `,t.xCreateElement(e.span,{class:"hljs-attr"},"dataLoader"),": ",t.xCreateElement(e.span,{class:"hljs-function"},"() =>")," {} ",t.xCreateElement(e.span,{class:"hljs-comment"},"// COMING SOON!"),` 51 `,t.xCreateElement(e.span,{class:"hljs-attr"},"title"),": ",t.xCreateElement(e.span,{class:"hljs-string"},'"Rezact Users"'),`, 52 }, 53]; 54 55router.`,t.xCreateElement(e.span,{class:"hljs-title function_"},"addRoutesFromConfig"),`(routes); 56 57`,t.xCreateElement(e.span,{class:"hljs-keyword"},"export"),` { router }; 58`)))}function Q(a={}){const{wrapper:e}=a.components||{};return e?t.xCreateElement(e,{...a},t.xCreateElement(b,{...a})):b(a)}function ee(){return s("div",{class:"m-4 rounded-lg bg-zinc-800 p-10"},s(f,{onSubmit:e=>{console.log(e)}},s(d,{name:"email",placeholder:"Email"}),s(u,{class:"mt-4 w-full",type:"submit"},"Submit")))}function j(a){const e={code:"code",h1:"h1",p:"p",pre:"pre",span:"span",...a.components};return t.xCreateElement(t.xFragment,null,t.xCreateElement(e.h1,null,"Easy Forms"),` 59`,t.xCreateElement(e.p,null,"Forget everything you know about creating forms in react... Literally, forget it all. This is the easiest way to create forms. PERIOD."),` 60`,t.xCreateElement(e.pre,null,t.xCreateElement(e.code,{class:"hljs language-jsx"},t.xCreateElement(e.span,{class:"hljs-keyword"},"import")," { ",t.xCreateElement(e.span,{class:"hljs-title class_"},"Form")," } ",t.xCreateElement(e.span,{class:"hljs-keyword"},"from")," ",t.xCreateElement(e.span,{class:"hljs-string"},'"./Form"'),`; 61`,t.xCreateElement(e.span,{class:"hljs-keyword"},"import")," { ",t.xCreateElement(e.span,{class:"hljs-title class_"},"Btn")," } ",t.xCreateElement(e.span,{class:"hljs-keyword"},"from")," ",t.xCreateElement(e.span,{class:"hljs-string"},'"./Buttons"'),`; 62`,t.xCreateElement(e.span,{class:"hljs-keyword"},"import")," { ",t.xCreateElement(e.span,{class:"hljs-title class_"},"Input")," } ",t.xCreateElement(e.span,{class:"hljs-keyword"},"from")," ",t.xCreateElement(e.span,{class:"hljs-string"},'"./ValidatorInput"'),`; 63 64`,t.xCreateElement(e.span,{class:"hljs-keyword"},"export")," ",t.xCreateElement(e.span,{class:"hljs-keyword"},"function")," ",t.xCreateElement(e.span,{class:"hljs-title function_"},"LandingForm"),"(",t.xCreateElement(e.span,{class:"hljs-params"}),`) { 65 `,t.xCreateElement(e.span,{class:"hljs-keyword"},"const")," ",t.xCreateElement(e.span,{class:"hljs-title function_"},"submit")," = (",t.xCreateElement(e.span,{class:"hljs-params"},"data"),`) => { 66 `,t.xCreateElement(e.span,{class:"hljs-variable language_"},"console"),".",t.xCreateElement(e.span,{class:"hljs-title function_"},"log"),"(data); ",t.xCreateElement(e.span,{class:"hljs-comment"},'// { email: "[email protected]" }'),` 67 }; 68 69 `,t.xCreateElement(e.span,{class:"hljs-keyword"},"return"),` ( 70 `,t.xCreateElement(e.span,{class:"xml"},t.xCreateElement(e.span,{class:"hljs-tag"},"<",t.xCreateElement(e.span,{class:"hljs-name"},"Form")," ",t.xCreateElement(e.span,{class:"hljs-attr"},"onSubmit"),"=",t.xCreateElement(e.span,{class:"hljs-string"},"{submit}"),">"),` 71 `,t.xCreateElement(e.span,{class:"hljs-tag"},"<",t.xCreateElement(e.span,{class:"hljs-name"},"Input")," ",t.xCreateElement(e.span,{class:"hljs-attr"},"name"),"=",t.xCreateElement(e.span,{class:"hljs-string"},'"email"')," ",t.xCreateElement(e.span,{class:"hljs-attr"},"placeholder"),"=",t.xCreateElement(e.span,{class:"hljs-string"},'"Email"')," />"),` 72 `,t.xCreateElement(e.span,{class:"hljs-tag"},"<",t.xCreateElement(e.span,{class:"hljs-name"},"Btn")," ",t.xCreateElement(e.span,{class:"hljs-attr"},"type"),"=",t.xCreateElement(e.span,{class:"hljs-string"},'"submit"'),">"),"Submit",t.xCreateElement(e.span,{class:"hljs-tag"},"</",t.xCreateElement(e.span,{class:"hljs-name"},"Btn"),">"),` 73 `,t.xCreateElement(e.span,{class:"hljs-tag"},"</",t.xCreateElement(e.span,{class:"hljs-name"},"Form"),">")),` 74 ); 75} 76`)),` 77`,t.xCreateElement(ee))}function te(a={}){const{wrapper:e}=a.components||{};return e?t.xCreateElement(e,{...a},t.xCreateElement(j,{...a})):j(a)}function se(){return s("div",{class:"m-4 rounded-lg bg-zinc-800 p-10"},s(f,{onSubmit:e=>{console.log(e)}},s(d,{required:!0,type:"email",name:"email",placeholder:"Email"}),s(u,{class:"mt-4 w-full",type:"submit"},"Submit")))}function v(a){const e={code:"code",h1:"h1",p:"p",pre:"pre",span:"span",...a.components};return t.xCreateElement(t.xFragment,null,t.xCreateElement(e.h1,null,"Oh, you want validation?"),` 78`,t.xCreateElement(e.p,null,"Ok, here's a form with validation."),` 79`,t.xCreateElement(e.pre,null,t.xCreateElement(e.code,{class:"hljs language-diff"},`import { Form } from "./Form"; 80`,t.xCreateElement(e.span,{class:"hljs-addition"},'+import { Input } from "./ValidatorInput";'),` 81 82export function LandingForm() { 83 const submit = (data) => { 84 console.log(data); // { email: "[email protected]" } 85 }; 86 87 return ( 88 <Form onSubmit={submit}> 89`,t.xCreateElement(e.span,{class:"hljs-deletion"},'- <input name="email" placeholder="Email" />'),` 90`,t.xCreateElement(e.span,{class:"hljs-addition"},'+ <Input required type="email" name="email" placeholder="Email" />'),` 91 <button type="submit">Submit</button> 92 </Form> 93 ); 94} 95`)),` 96`,t.xCreateElement(se))}function ae(a={}){const{wrapper:e}=a.components||{};return e?t.xCreateElement(e,{...a},t.xCreateElement(v,{...a}
96)):v(a)}function ne(){return s("div",{class:"m-4 rounded-lg bg-zinc-800 p-10"},s(f,{onSubmit:e=>{console.log(e)}},s(d,{required:!0,type:"email",name:"email",placeholder:"Email"}),s(d,{exactLength:10,mask:"(___) ___ ____",dataAccept:/[\d]/,showFullMaskWhileTyping:!0,validateUnMaskedValue:!0,name:"telephone",placeholder:"Phone",class:"mt-4"}),s(d,{minLength:15,maxLength:16,customValidator:le,unmaskInputValueProp:!0,mask:".... .... .... ....",maskSlots:".",dataAccept:/[\d]/,name:"credit-card",placeholder:"Credit Card",class:"mt-4"}),s(u,{class:"mt-4 w-full",type:"submit"},"Submit")))}function le(a){const e=a.replaceAll(" ",""),r=[0,2,4,6,8,1,3,5,7,9];let n=1,o=e.length,l=0,i;for(;o;)i=parseInt(e.charAt(--o),10),l+=(n^=1)?r[i]:i;return l&&l%10===0}function k(a){const e={code:"code",h1:"h1",p:"p",pre:"pre",span:"span",...a.components};return t.xCreateElement(t.xFragment,null,t.xCreateElement(e.h1,null,"What!?!??! You also want masking and input value restrictions?"),` 97`,t.xCreateElement(e.p,null,"Fine... ð"),` 98`,t.xCreateElement(e.pre,null,t.xCreateElement(e.code,{class:"hljs language-diff"},`import { Form } from "./Form"; 99import { Input } from "./ValidatorInput"; 100`,t.xCreateElement(e.span,{class:"hljs-addition"},'+import { luhnCheck } from "./validators";'),` 101 102export function LandingForm() { 103 const submit = (data) => { 104 console.log(data); // { email: "[email protected]" } 105 }; 106 107 return ( 108 <Form onSubmit={submit}> 109 <Input required type="email" name="email" placeholder="Email" /> 110`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ <Input"),` 111`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ exactLength={10}"),` 112`,t.xCreateElement(e.span,{class:"hljs-addition"},'+ mask="(___) ___ ____"'),` 113`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ dataAccept={/[\\d]/}"),` 114`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ showFullMaskWhileTyping"),` 115`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ validateUnMaskedValue"),` 116`,t.xCreateElement(e.span,{class:"hljs-addition"},'+ name="telephone"'),` 117`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ />"),` 118`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ <Input"),` 119`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ minLength={15}"),` 120`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ maxLength={16}"),` 121`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ customValidator={luhnCheck}"),` 122`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ unmaskInputValueProp"),` 123`,t.xCreateElement(e.span,{class:"hljs-addition"},'+ mask=".... .... .... ...."'),` 124`,t.xCreateElement(e.span,{class:"hljs-addition"},'+ maskSlots="."'),` 125`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ dataAccept={/[\\d]/}"),` 126`,t.xCreateElement(e.span,{class:"hljs-addition"},'+ name="credit-card"'),` 127`,t.xCreateElement(e.span,{class:"hljs-addition"},"+ />"),` 128 <button type="submit">Submit</button> 129 </Form> 130 ); 131} 132`)),` 133`,t.xCreateElement(ne))}function re(a={}){const{wrapper:e}=a.components||{};return e?t.xCreateElement(e,{...a},t.xCreateElement(k,{...a})):k(a)}async function oe(a,e={}){const r=e.buttons||s(u,{size:"lg",class:" w-full sm:ml-3 sm:w-auto",type:"submit"},"Ok"),{disableBackDropClick:n}=e;return new Promise(o=>{const l=x=>{setTimeout(()=>{m.remove(),o(x)},310)},[i,m]=ie({hideHook:l,buttons:r,content:a,disableBackDropClick:n});document.body.appendChild(m),i()})}function ie(a){const e=new p,r=new p,n=new p,o=()=>{e.show(),e.transition("opacity-0","opacity-100",100),n.show(),n.transition("opacity-0 translate-y-4 sm:scale-95","opacity-100 translate-y-0 sm:scale-100",100)},l=c=>{c.type==="closemodaldialog"&&(c={ok:!1,cancel:!0,backdropClick:!1}),e.transition("opacity-100","opacity-0"),e.hide(310),n.transition("opacity-100 translate-y-0 sm:scale-100","opacity-0 translate-y-4 sm:scale-95"),n.hide(310),a.hideHook&&a.hideHook(c)},x=s("div",{class:"relative z-50","aria-labelledby":"modal-title",role:"dialog","aria-modal":"true",onCloseModalDialog:l},s("div",{ref:e,class:"fixed inset-0 hidden bg-gray-500 bg-opacity-75 opacity-0 transition-opacity duration-300 ease-in-out"}),s("div",{class:"fixed inset-0 z-10 w-screen overflow-y-auto"},s("div",{onClick:c=>{a.disableBackDropClick||c.target===r.elm&&l({ok:!1,cancel:!0,backdropClick:!0})},ref:r,class:"flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0"},s("div",{ref:n,class:"relative hidden translate-y-4 scale-95 transform overflow-hidden rounded-lg bg-white text-left opacity-0 shadow-xl transition-all duration-300 ease-in-out sm:my-8 sm:w-full sm:max-w-lg sm:translate-y-0 sm:scale-95"},s("form",{onsubmit:c=>{if(c.preventDefault(),c.target.checkValidity()===!1)return;const N=V(c.target);l({ok:!0,cancel:!1,backdropClick:!1,data:N})}},s("div",{class:"bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4"},s("div",null,a.content)),s("div",{class:"bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6"},a.buttons))))));return[o,x]}Y();const S=[{title:"Intro",href:"#top"},{title:"Features",href:"#features"},{title:"Docs",href:"/docs"},{title:"Playground",href:"/playground"},{title:"Github",href:"https://www.github.com/rezact/rezact"}],F={},R={},L={},I={},B={},D={},$={},A={},O={},_=[F,R,L,I,B,D,$,A,O];let g=null,M=window.scrollY;function C(){g||(M=window.scrollY,g=setTimeout(()=>{if(g=null,M!==window.scrollY)return C();let a="";_.forEach((e,r)=>{if(!e.elm||location.pathname!=="/")return;const n=e.elm.offsetTop,o=e.elm.clientHeight;(r===0&&window.scrollY<n-o/3||window.scrollY>=n-o/3||r===_.length-1&&window.scrollY>n+o/3)&&(a=e.elm.getAttribute("id"))}),a!==""&&"#"+a!==location.hash&&window.history.pushState(null,"","#"+a)},250))}const ce=async()=>{await oe(s("div",null,s("img",{src:"/SignalsAnywhereReact.webp",alt:"Signals",width:"464",height:"576"})))};function ge(){const a=new p,e=new p,r=new p,n=()=>{a.show(),r.transition("opacity-0","opacity-100",50),e.transition("translate-x-full","translate-x-0",50),a.addClick(o)},o=()=>{r.transition("opacity-100","opacity-0"),e.transition("translate-x-0","translate-x-full"),a.hide(310),a.removeClick(o)};return s("div",{class:"bg-zinc-900 pb-96",onMount:()=>{document.head.parentElement.className="h-full bg-zinc-900",setTimeout(()=>{window.addEventListener("scroll",C)},1e3)},onUnmount:()=>{window.removeEventListener("scroll",C)}},s("div",{ref:F,id:"top"}),s("header",{class:"sticky inset-x-0 top-0 z-10 backdrop-blur-sm backdrop-filter"},s("nav",{class:"flex items-center justify-between p-6 lg:px-8","aria-label":"Global"},s("div",{class:"flex lg:flex-1"},s("a",{href:"/",class:"-m-1.5 p-1.5 text-white"},s("span",{class:"sr-only"},"Rezact"),s("img",{class:"h-8 w-auto",src:"/rezact-logo.svg",alt:"Rezact Logo",width:"29",height:"32"}),"Rezact")),s("div",{class:"flex lg:hidden"},s("button",{type:"button",onClick:n,class:"-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-400"},s("span",{class:"sr-only"},"Open main menu"),s("svg",{class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},s("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"})))),s("div",{class:"hidden lg:flex lg:gap-x-12"}
133,S.map(l=>s("a",{href:l.href,class:"text-sm font-semibold leading-6 text-white"},l.title))),s("div",{class:"hidden lg:flex lg:flex-1 lg:justify-end"}))),s("div",{ref:a,class:"hidden",role:"dialog","aria-modal":"true"},s("div",{ref:r,class:"fixed inset-0 z-50 bg-zinc-900/80 opacity-0 transition-opacity duration-300 ease-linear"}),s("div",{ref:e,class:"fixed inset-y-0 right-0 z-50 w-full translate-x-full overflow-y-auto bg-gray-900 px-6 py-6 transition duration-300 ease-in-out sm:max-w-sm sm:ring-1 sm:ring-white/10"},s("div",{class:"flex items-center justify-between"},s("a",{href:"#",class:"-m-1.5 p-1.5 text-white"},s("span",{class:"sr-only"},"Rezact"),s("img",{class:"h-8 w-auto",src:"/rezact-logo.svg",alt:"Rezact Logo",width:"29",height:"32"}),"Rezact"),s("button",{type:"button",onClick:o,class:"-m-2.5 rounded-md p-2.5 text-gray-400"},s("span",{class:"sr-only"},"Close menu"),s("svg",{class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},s("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})))),s("div",{class:"mt-6 flow-root"},s("div",{class:"-my-6 divide-y divide-gray-500/25"},s("div",{class:"space-y-2 py-6"},S.map(l=>s("a",{href:l.href,class:"-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:bg-gray-800"},l.title))))))),s("div",{class:"relative isolate pt-14"},s("div",{class:"py-6 sm:py-6 lg:pb-40"},s("div",{class:"mx-auto max-w-7xl px-6 lg:px-8"},s("div",{class:" text-center"},s("img",{src:"/rezact-logo.svg",alt:"Rezact Logo",class:"m-auto",width:"454",height:"493"}),s("h1",{class:"text-4xl font-bold tracking-tight text-white sm:text-6xl"},"Rezact"),s("p",{class:"mt-6 text-lg leading-8 text-gray-300"},"Because its time for a better client side rendered framework"),s("div",{class:"mt-10 flex items-center justify-center gap-x-6"},s("a",{href:"/docs/getting-started",class:"rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400"},"Get started"),s("a",{href:"/playground",class:"rounded-md bg-green-800 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-green-400 hover:text-green-950 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400"},"Try Playground"),s("a",{href:"/docs",class:"text-sm font-semibold leading-6 text-white"},"Learn more ",s("span",{"aria-hidden":"true"},"â"))))))),s("div",{id:"features",class:"relative isolate pt-14",ref:R},s("div",{class:"py-24 sm:py-32 lg:pb-40"},s("div",{class:"mx-auto max-w-7xl px-6 lg:px-8"},s("div",{class:"mdx mx-auto max-w-lg px-4 text-xs text-white md:text-base"},s(W,null))))),s("div",{id:"counter",class:"relative isolate pt-14",ref:L},s("div",{class:"py-24 sm:py-32 lg:pb-40"},s("div",{class:"mx-auto max-w-7xl px-6 lg:px-8"},s("div",{class:"mdx mx-auto max-w-2xl text-white"},s(U,null),s(H,null))))),s("div",{id:"signals-anywhere",class:"relative isolate pt-14",ref:I},s("div",{class:"py-24 sm:py-32 lg:pb-40"},s("div",{class:"mx-auto max-w-7xl px-6 lg:px-8"},s("div",{class:"mdx mx-auto max-w-2xl text-white"},s(Z,null),s(u,{onClick:ce,size:"xl",class:" m-auto table"},"Compare to React"))))),s("div",{id:"stores",class:"relative isolate pt-14",ref:B},s("div",{class:"py-24 sm:py-32 lg:pb-40"},s("div",{class:"mx-auto max-w-7xl px-6 lg:px-8"},s("div",{class:"mdx mx-auto max-w-2xl text-white"},s(K,null),s(u,{href:"/docs/stores",size:"xl",class:" m-auto table"},"Show me more"))))),s("div",{id:"router",class:"relative isolate pt-14",ref:D},s("div",{class:"py-24 sm:py-32 lg:pb-40"},s("div",{class:"mx-auto max-w-7xl px-6 lg:px-8"},s("div",{class:"mdx mx-auto max-w-2xl text-white"},s(Q,null))))),s("div",{id:"easy-forms",class:"relative isolate pt-14",ref:$},s("div",{class:"py-24 sm:py-32 lg:pb-40"},s("div",{class:"mx-auto max-w-7xl px-6 lg:px-8"},s("div",{class:"mdx mx-auto max-w-2xl text-white"},s(te,null))))),s("div",{id:"validation",class:"relative isolate pt-14",ref:A},s("div",{class:"py-24 sm:py-32 lg:pb-40"},s("div",{class:"mx-auto max-w-7xl px-6 lg:px-8"},s("div",{class:"mdx mx-auto max-w-2xl text-white"},s(ae,null))))),s("div",{id:"masking",class:"relative isolate pt-14",ref:O},s("div",{class:"py-24 sm:py-32 lg:pb-40"},s("div",{class:"mx-auto max-w-7xl px-6 lg:px-8"},s("div",{class:"mdx mx-auto max-w-2xl text-white"},s(re,null))))))}export{ge as Page};
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.