@natachah/vanilla-frontend 1.0.0 → 1.0.1

package/public/assets/chunks/theme.D1Tljxds.js

@@ -0,0 +1 @@
+import{d as m,c as u,r as c,n as P,o,a as K,t as L,b as k,w as v,T as ue,e as h,_,u as De,i as Ge,f as Ue,g as de,h as p,j as f,k as i,l as O,m as be,p as G,q as je,s as ve,v as Ke,x as ee,y as V,z as H,A as Pe,B as J,C as te,D as _e,E as ne,F as Le,G as S,H as M,I as R,J as b,K as B,L as Ve,M as Re,N as We,O as F,P as ae,Q as Se,R as ze,S as qe,U as Ne,V as Te,W as Je,X as $e,Y as Me,Z as we,$ as Ye,a0 as Qe,a1 as Xe,a2 as Ze,a3 as et}from"./framework.26dFs73Q.js";const tt=m({__name:"VPBadge",props:{text:{},type:{default:"tip"}},setup(e){return(t,n)=>(o(),u("span",{class:P(["VPBadge",e.type])},[c(t.$slots,"default",{},()=>[K(L(e.text),1)])],2))}}),nt={key:0,class:"VPBackdrop"},at=m({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(e){return(t,n)=>(o(),k(ue,{name:"fade"},{default:v(()=>[e.show?(o(),u("div",nt)):h("",!0)]),_:1}))}}),st=_(at,[["__scopeId","data-v-c79a1216"]]),$=De;function ot(e,t){let n,a=!1;return()=>{n&&clearTimeout(n),a?n=setTimeout(e,t):(e(),(a=!0)&&setTimeout(()=>a=!1,t))}}function re(e){return e.startsWith("/")?e:`/${e}`}function fe(e){const{pathname:t,search:n,hash:a,protocol:s}=new URL(e,"http://a.com");if(Ge(e)||e.startsWith("#")||!s.startsWith("http")||!Ue(t))return e;const{site:r}=$(),d=t.endsWith("/")||t.endsWith(".html")?e:e.replace(/(?:(^\.+)\/)?.*$/,`$1${t.replace(/(\.md)?$/,r.value.cleanUrls?"":".html")}${n}${a}`);return de(d)}function Y({correspondingLink:e=!1}={}){const{site:t,localeIndex:n,page:a,theme:s,hash:r}=$(),d=p(()=>({label:t.value.locales[n.value]?.label,link:t.value.locales[n.value]?.link||(n.value==="root"?"/":`/${n.value}/`)}));return{localeLinks:p(()=>Object.entries(t.value.locales).flatMap(([g,y])=>d.value.label===y.label?[]:{text:y.label,link:rt(y.link||(g==="root"?"/":`/${g}/`),s.value.i18nRouting!==!1&&e,a.value.relativePath.slice(d.value.link.length-1),!t.value.cleanUrls)+r.value,lang:y.lang,dir:y.dir})),currentLang:d}}function rt(e,t,n,a){return t?e.replace(/\/$/,"")+re(n.replace(/(^|\/)index\.md$/,"$1").replace(/\.md$/,a?".html":"")):e}const it={class:"NotFound"},lt={class:"code"},ct={class:"title"},ut={class:"quote"},dt={class:"action"},vt=["href","aria-label"],ft=m({__name:"NotFound",setup(e){const{theme:t}=$(),{currentLang:n}=Y();return(a,s)=>(o(),u("div",it,[f("p",lt,L(i(t).notFound?.code??"404"),1),f("h1",ct,L(i(t).notFound?.title??"PAGE NOT FOUND"),1),s[0]||(s[0]=f("div",{class:"divider"},null,-1)),f("blockquote",ut,L(i(t).notFound?.quote??"But if you don't change your direction, and if you keep looking, you may end up where you are heading."),1),f("div",dt,[f("a",{class:"link",href:i(de)(i(t).notFound?.link??i(n).link),"aria-label":i(t).notFound?.linkLabel??"go to home"},L(i(t).notFound?.linkText??"Take me home"),9,vt)])]))}}),ht=_(ft,[["__scopeId","data-v-829df670"]]);function Ae(e,t){if(Array.isArray(e))return Q(e);if(e==null)return[];t=re(t);const n=Object.keys(e).sort((s,r)=>r.split("/").length-s.split("/").length).find(s=>t.startsWith(re(s))),a=n?e[n]:[];return Array.isArray(a)?Q(a):Q(a.items,a.base)}function mt(e){const t=[];let n=0;for(const a in e){const s=e[a];if(s.items){n=t.push(s);continue}t[n]||t.push({items:[]}),t[n].items.push(s)}return t}function pt(e){const t=[];function n(a){for(const s of a)s.text&&s.link&&t.push({text:s.text,link:s.link,docFooterText:s.docFooterText}),s.items&&n(s.items)}return n(e),t}function ie(e,t){return Array.isArray(t)?t.some(n=>ie(e,n)):O(e,t.link)?!0:t.items?ie(e,t.items):!1}function Q(e,t){return[...e].map(n=>{const a={...n},s=a.base||t;return s&&a.link&&(a.link=s+a.link.replace(/^\//,s.endsWith("/")?"":"/")),a.items&&(a.items=Q(a.items,s)),a})}function kt(){const{hasSidebar:e}=D(),t=be("(min-width: 960px)"),n=be("(min-width: 1280px)");return{isAsideEnabled:p(()=>!n.value&&!t.value?!1:e.value?n.value:t.value)}}const gt=/\b(?:VPBadge|header-anchor|footnote-ref|ignore-header)\b/,le=[];function xe(e){return typeof e.outline=="object"&&!Array.isArray(e.outline)&&e.outline.label||e.outlineTitle||"On this page"}function bt(e){const t=[...document.querySelectorAll(".VPDoc h1, .VPDoc h2, .VPDoc h3, .VPDoc h4, .VPDoc h5, .VPDoc h6")].filter(n=>n.id&&n.hasChildNodes()).map(n=>{const a=Number(n.tagName[1]);return{element:n,title:_t(n),link:"#"+n.id,level:a}});return $t(t,e)}function _t(e){let t="";for(const n of e.childNodes)if(n.nodeType===1){if(gt.test(n.className))continue;t+=n.textContent}else n.nodeType===3&&(t+=n.textContent);return t.trim()}function $t(e,t){if(t===!1)return[];const n=(typeof t=="object"&&!Array.isArray(t)?t.level:t)||2,[a,s]=typeof n=="number"?[n,n]:n==="deep"?[2,6]:n;return Lt(e,a,s)}function yt(e,t){const{isAsideEnabled:n}=kt(),a=ot(r,100);let s=null;G(()=>{requestAnimationFrame(r),window.addEventListener("scroll",a)}),je(()=>{d(location.hash)}),ve(()=>{window.removeEventListener("scroll",a)});function r(){if(!n.value)return;const l=window.scrollY,g=window.innerHeight,y=document.body.offsetHeight,N=Math.abs(l+g-y)<1,T=le.map(({element:w,link:I})=>({link:I,top:Pt(w)})).filter(({top:w})=>!Number.isNaN(w)).sort((w,I)=>w.top-I.top);if(!T.length){d(null);return}if(l<1){d(null);return}if(N){d(T[T.length-1].link);return}let E=null;for(const{link:w,top:I}of T){if(I>l+Ke()+4)break;E=w}d(E)}function d(l){s&&s.classList.remove("active"),l==null?s=null:s=e.value.querySelector(`a[href="${decodeURIComponent(l)}"]`);const g=s;g?(g.classList.add("active"),t.value.style.top=g.offsetTop+39+"px",t.value.style.opacity="1"):(t.value.style.top="33px",t.value.style.opacity="0")}}function Pt(e){let t=0;for(;e!==document.body;){if(e===null)return NaN;t+=e.offsetTop,e=e.offsetParent}return t}function Lt(e,t,n){le.length=0;const a=[],s=[];return e.forEach(r=>{const d={...r,children:[]};let l=s[s.length-1];for(;l&&l.level>=d.level;)s.pop(),l=s[s.length-1];if(d.element.classList.contains("ignore-header")||l&&"shouldIgnore"in l){s.push({level:d.level,shouldIgnore:!0});return}d.level>n||d.level<t||(le.push({element:d.element,link:d.link}),l?l.children.push(d):a.push(d),s.push(d))}),a}const z=V(!1);function Vt(e){let t;ee(()=>{t=z.value?document.activeElement:void 0}),G(()=>{window.addEventListener("keyup",n)}),ve(()=>{window.removeEventListener("keyup",n)});function n(a){a.key==="Escape"&&z.value&&(e(),t?.focus())}}function St(){function e(){z.value=!0}function t(){z.value=!1}function n(){z.value?t():e()}return{isOpen:z,open:e,close:t,toggle:n}}function Nt(e){const{page:t,hash:n}=$(),a=V(!1),s=p(()=>e.value.collapsed!=null),r=p(()=>!!e.value.link),d=V(!1),l=()=>{d.value=O(t.value.relativePath,e.value.link)};H([t,e,n],l),G(l);const g=p(()=>d.value?!0:e.value.items?ie(t.value.relativePath,e.value.items):!1),y=p(()=>!!(e.value.items&&e.value.items.length));ee(()=>{a.value=!!(s.value&&e.value.collapsed)}),Pe(()=>{(d.value||g.value)&&(a.value=!1)});function N(){s.value&&(a.value=!a.value)}return{collapsed:a,collapsible:s,isLink:r,isActiveLink:d,hasActiveLink:g,hasChildren:y,toggle:N}}const ce=ne([]),q=ne([]),X=ne(!1);function D(){const{frontmatter:e,theme:t}=$(),n=p(()=>!!(e.value.isHome??e.value.layout==="home")),a=p(()=>e.value.sidebar!==!1&&q.value.length>0&&!n.value),s=p(()=>a.value&&X.value),r=p(()=>a.value?mt(q.value):[]),d=p(()=>n.value?!1:e.value.aside!=null?!!e.value.aside:t.value.aside!==!1),l=p(()=>d.value?e.value.aside==null?t.value.aside==="left":e.value.aside==="left":!1),g=p(()=>ce.value.length>0);return{isHome:n,sidebar:_e(q),sidebarGroups:r,hasSidebar:a,isSidebarEnabled:s,hasAside:d,leftAside:l,headers:_e(ce),hasLocalNav:g}}function Tt({closeSidebar:e}){const{frontmatter:t,page:n,theme:a}=$();H(()=>[n.value.relativePath,a.value.sidebar],([r,d])=>{const l=d?Ae(d,r):[];JSON.stringify(l)!==JSON.stringify(q.value)&&(q.value=l)},{immediate:!0,deep:!0,flush:"sync"}),Le(()=>{ce.value=bt(t.value.outline??a.value.outline)}),J&&(X.value=window.innerWidth>=960,window.addEventListener("resize",()=>{X.value=window.innerWidth>=960},{passive:!0}));const s=te();H(()=>s.path,e),H(X,e),Vt(e)}const Ie=Symbol("layout-info"),Mt=["href","title"],wt=m({__name:"VPDocOutlineItem",props:{headers:{},root:{type:Boolean}},setup(e){return(t,n)=>{const a=R("VPDocOutlineItem",!0);return o(),u("ul",{class:P(["VPDocOutlineItem",e.root?"root":"nested"])},[(o(!0),u(S,null,M(e.headers,({children:s,link:r,title:d})=>(o(),u("li",null,[f("a",{class:"outline-link",href:r,title:d},L(d),9,Mt),s?.length?(o(),k(a,{key:0,headers:s},null,8,["headers"])):h("",!0)]))),256))],2)}}}),He=_(wt,[["__scopeId","data-v-1ce71065"]]),At={class:"content"},xt={"aria-level":"2",class:"outline-title",id:"doc-outline-aria-label",role:"heading"},It=m({__name:"VPDocAsideOutline",setup(e){const{theme:t}=$(),n=V(),a=V(),{headers:s,hasLocalNav:r}=D();return yt(n,a),(d,l)=>(o(),u("nav",{"aria-labelledby":"doc-outline-aria-label",class:P(["VPDocAsideOutline",{"has-outline":i(r)}]),ref_key:"container",ref:n},[f("div",At,[f("div",{class:"outline-marker",ref_key:"marker",ref:a},null,512),f("div",xt,L(i(xe)(i(t))),1),b(He,{headers:i(s),root:!0},null,8,["headers"])])],2))}}),Ht=_(It,[["__scopeId","data-v-60d5052e"]]),Bt={class:"VPDocAsideCarbonAds"},Ct=m({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(e){const t=()=>null;return(n,a)=>(o(),u("div",Bt,[b(i(t),{"carbon-ads":e.carbonAds},null,8,["carbon-ads"])]))}}),Et={class:"VPDocAside"},Ft=m({__name:"VPDocAside",setup(e){const{theme:t}=$();return(n,a)=>(o(),u("div",Et,[c(n.$slots,"aside-top",{},void 0,!0),c(n.$slots,"aside-outline-before",{},void 0,!0),b(Ht),c(n.$slots,"aside-outline-after",{},void 0,!0),a[0]||(a[0]=f("div",{class:"spacer"},null,-1)),c(n.$slots,"aside-ads-before",{},void 0,!0),i(t).carbonAds?(o(),k(Ct,{key:0,"carbon-ads":i(t).carbonAds},null,8,["carbon-ads"])):h("",!0),c(n.$slots,"aside-ads-after",{},void 0,!0),c(n.$slots,"aside-bottom",{},void 0,!0)]))}}),Ot=_(Ft,[["__scopeId","data-v-3f215769"]]);function Dt(){const{theme:e,page:t}=$();return p(()=>{const{text:n="Edit this page",pattern:a=""}=e.value.editLink||{};let s;return typeof a=="function"?s=a(t.value):s=a.replace(/:path/g,t.value.filePath),{url:s,text:n}})}function Gt(){const{page:e,theme:t,frontmatter:n}=$();return p(()=>{const a=Ae(t.value.sidebar,e.value.relativePath),s=pt(a),r=Ut(s,y=>y.link.replace(/[?#].*$/,"")),d=r.findIndex(y=>O(e.value.relativePath,y.link)),l=t.value.docFooter?.prev===!1&&!n.value.prev||n.value.prev===!1,g=t.value.docFooter?.next===!1&&!n.value.next||n.value.next===!1;return{prev:l?void 0:{text:(typeof n.value.prev=="string"?n.value.prev:typeof n.value.prev=="object"?n.value.prev.text:void 0)??r[d-1]?.docFooterText??r[d-1]?.text,link:(typeof n.value.prev=="object"?n.value.prev.link:void 0)??r[d-1]?.link},next:g?void 0:{text:(typeof n.value.next=="string"?n.value.next:typeof n.value.next=="object"?n.value.next.text:void 0)??r[d+1]?.docFooterText??r[d+1]?.text,link:(typeof n.value.next=="object"?n.value.next.link:void 0)??r[d+1]?.link}}})}function Ut(e,t){const n=new Set;return e.filter(a=>{const s=t(a);return n.has(s)?!1:n.add(s)})}const C=m({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(e){const t=e,n=p(()=>t.tag??(t.href?"a":"span")),a=p(()=>t.href&&Ve.test(t.href)||t.target==="_blank");return(s,r)=>(o(),k(B(n.value),{class:P(["VPLink",{link:e.href,"vp-external-link-icon":a.value,"no-icon":e.noIcon}]),href:e.href?i(fe)(e.href):void 0,target:e.target??(a.value?"_blank":void 0),rel:e.rel??(a.value?"noreferrer":void 0)},{default:v(()=>[c(s.$slots,"default")]),_:3},8,["class","href","target","rel"]))}}),jt={class:"VPLastUpdated"},Kt=["datetime"],Rt=m({__name:"VPDocFooterLastUpdated",setup(e){const{theme:t,page:n,lang:a}=$(),{language:s}=We(),r=Re("timeRef"),d=p(()=>new Date(n.value.lastUpdated)),l=p(()=>d.value.toISOString()),g=ne("");return G(()=>{ee(()=>{const y=t.value.lastUpdated?.formatOptions?.forceLocale?a.value:s.value;g.value=new Intl.DateTimeFormat(y,t.value.lastUpdated?.formatOptions??{dateStyle:"medium",timeStyle:"medium"}).format(d.value),y&&a.value!==y?r.value?.setAttribute("lang",y):r.value?.removeAttribute("lang")})}),(y,N)=>(o(),u("p",jt,[K(L(i(t).lastUpdated?.text||i(t).lastUpdatedText||"Last updated")+": ",1),f("time",{ref_key:"timeRef",ref:r,datetime:l.value},L(g.value),9,Kt)]))}}),Wt=_(Rt,[["__scopeId","data-v-3c637f39"]]),zt={key:0,class:"VPDocFooter"},qt={key:0,class:"edit-info"},Jt={key:0,class:"edit-link"},Yt={key:1,class:"last-updated"},Qt={key:1,class:"prev-next","aria-labelledby":"doc-footer-aria-label"},Xt={class:"pager"},Zt=["innerHTML"],en=["innerHTML"],tn={class:"pager"},nn=["innerHTML"],an=["innerHTML"],sn=m({__name:"VPDocFooter",setup(e){const{theme:t,page:n,frontmatter:a}=$(),s=Dt(),r=Gt(),d=p(()=>t.value.editLink&&a.value.editLink!==!1),l=p(()=>n.value.lastUpdated),g=p(()=>d.value||l.value||r.value.prev||r.value.next);return(y,N)=>g.value?(o(),u("footer",zt,[c(y.$slots,"doc-footer-before",{},void 0,!0),d.value||l.value?(o(),u("div",qt,[d.value?(o(),u("div",Jt,[b(C,{class:"edit-link-button",href:i(s).url,"no-icon":!0},{default:v(()=>[N[0]||(N[0]=f("span",{class:"vpi-square-pen edit-link-icon"},null,-1)),K(" "+L(i(s).text),1)]),_:1},8,["href"])])):h("",!0),l.value?(o(),u("div",Yt,[b(Wt)])):h("",!0)])):h("",!0),i(r).prev?.link||i(r).next?.link?(o(),u("nav",Qt,[N[1]||(N[1]=f("span",{class:"visually-hidden",id:"doc-footer-aria-label"},"Pager",-1)),f("div",Xt,[i(r).prev?.link?(o(),k(C,{key:0,class:"pager-link prev",href:i(r).prev.link},{default:v(()=>[f("span",{class:"desc",innerHTML:i(t).docFooter?.prev||"Previous page"},null,8,Zt),f("span",{class:"title",innerHTML:i(r).prev.text},null,8,en)]),_:1},8,["href"])):h("",!0)]),f("div",tn,[i(r).next?.link?(o(),k(C,{key:0,class:"pager-link next",href:i(r).next.link},{default:v(()=>[f("span",{class:"desc",innerHTML:i(t).docFooter?.next||"Next page"},null,8,nn),f("span",{class:"title",innerHTML:i(r).next.text},null,8,an)]),_:1},8,["href"])):h("",!0)])])):h("",!0)])):h("",!0)}}),on=_(sn,[["__scopeId","data-v-e257564d"]]),rn={class:"container"},ln={class:"aside-container"},cn={class:"aside-content"},un={class:"content"},dn={class:"content-container"},vn={class:"main"},fn=m({__name:"VPDoc",setup(e){const{theme:t}=$(),n=te(),{hasSidebar:a,hasAside:s,leftAside:r}=D(),d=p(()=>n.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(l,g)=>{const y=R("Content");return o(),u("div",{class:P(["VPDoc",{"has-sidebar":i(a),"has-aside":i(s)}])},[c(l.$slots,"doc-top",{},void 0,!0),f("div",rn,[i(s)?(o(),u("div",{key:0,class:P(["aside",{"left-aside":i(r)}])},[g[0]||(g[0]=f("div",{class:"aside-curtain"},null,-1)),f("div",ln,[f("div",cn,[b(Ot,null,{"aside-top":v(()=>[c(l.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[c(l.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[c(l.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[c(l.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[c(l.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[c(l.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):h("",!0),f("div",un,[f("div",dn,[c(l.$slots,"doc-before",{},void 0,!0),f("main",vn,[b(y,{class:P(["vp-doc",[d.value,i(t).externalLinkIcon&&"external-link-icon-enabled"]])},null,8,["class"])]),b(on,null,{"doc-footer-before":v(()=>[c(l.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),c(l.$slots,"doc-after",{},void 0,!0)])])]),c(l.$slots,"doc-bottom",{},void 0,!0)],2)}}}),hn=_(fn,[["__scopeId","data-v-7011f0d8"]]),mn=m({__name:"VPButton",props:{tag:{},size:{default:"medium"},theme:{default:"brand"},text:{},href:{},target:{},rel:{}},setup(e){const t=e,n=p(()=>t.href&&Ve.test(t.href)),a=p(()=>t.tag||(t.href?"a":"button"));return(s,r)=>(o(),k(B(a.value),{class:P(["VPButton",[e.size,e.theme]]),href:e.href?i(fe)(e.href):void 0,target:t.target??(n.value?"_blank":void 0),rel:t.rel??(n.value?"noreferrer":void 0)},{default:v(()=>[c(s.$slots,"default",{},()=>[K(L(e.text),1)],!0)]),_:3},8,["class","href","target","rel"]))}}),pn=_(mn,[["__scopeId","data-v-01bff58b"]]),kn=["src","alt"],gn=m({inheritAttrs:!1,__name:"VPImage",props:{image:{},alt:{}},setup(e){return(t,n)=>{const a=R("VPImage",!0);return e.image?(o(),u(S,{key:0},[typeof e.image=="string"||"src"in e.image?(o(),u("img",F({key:0,class:"VPImage"},typeof e.image=="string"?t.$attrs:{...e.image,...t.$attrs},{src:i(de)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,kn)):(o(),u(S,{key:1},[b(a,F({class:"dark",image:e.image.dark,alt:e.image.alt},t.$attrs),null,16,["image","alt"]),b(a,F({class:"light",image:e.image.light,alt:e.image.alt},t.$attrs),null,16,["image","alt"])],64))],64)):h("",!0)}}}),Z=_(gn,[["__scopeId","data-v-8426fc1a"]]),bn={class:"container"},_n={class:"main"},$n={class:"heading"},yn=["innerHTML"],Pn=["innerHTML"],Ln=["innerHTML"],Vn={key:0,class:"actions"},Sn={key:0,class:"image"},Nn={class:"image-container"},Tn=m({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(e){const{heroImageSlotExists:t}=ae(Ie,{heroImageSlotExists:p(()=>!1)});return(n,a)=>(o(),u("div",{class:P(["VPHero",{"has-image":e.image||i(t)}])},[f("div",bn,[f("div",_n,[c(n.$slots,"home-hero-info-before",{},void 0,!0),c(n.$slots,"home-hero-info",{},()=>[f("h1",$n,[e.name?(o(),u("span",{key:0,innerHTML:e.name,class:"name clip"},null,8,yn)):h("",!0),e.text?(o(),u("span",{key:1,innerHTML:e.text,class:"text"},null,8,Pn)):h("",!0)]),e.tagline?(o(),u("p",{key:0,innerHTML:e.tagline,class:"tagline"},null,8,Ln)):h("",!0)],!0),c(n.$slots,"home-hero-info-after",{},void 0,!0),e.actions?(o(),u("div",Vn,[c(n.$slots,"home-hero-actions-before-actions",{},void 0,!0),(o(!0),u(S,null,M(e.actions,s=>(o(),u("div",{key:s.link,class:"action"},[b(pn,{tag:"a",size:"medium",theme:s.theme,text:s.text,href:s.link,target:s.target,rel:s.rel},null,8,["theme","text","href","target","rel"])]))),128))])):h("",!0),c(n.$slots,"home-hero-actions-after",{},void 0,!0)]),e.image||i(t)?(o(),u("div",Sn,[f("div",Nn,[a[0]||(a[0]=f("div",{class:"image-bg"},null,-1)),c(n.$slots,"home-hero-image",{},()=>[e.image?(o(),k(Z,{key:0,class:"image-src",image:e.image},null,8,["image"])):h("",!0)],!0)])])):h("",!0)])],2))}}),Mn=_(Tn,[["__scopeId","data-v-e62e4946"]]),wn=m({__name:"VPHomeHero",setup(e){const{frontmatter:t}=$();return(n,a)=>i(t).hero?(o(),k(Mn,{key:0,class:"VPHomeHero",name:i(t).hero.name,text:i(t).hero.text,tagline:i(t).hero.tagline,image:i(t).hero.image,actions:i(t).hero.actions},{"home-hero-info-before":v(()=>[c(n.$slots,"home-hero-info-before")]),"home-hero-info":v(()=>[c(n.$slots,"home-hero-info")]),"home-hero-info-after":v(()=>[c(n.$slots,"home-hero-info-after")]),"home-hero-actions-after":v(()=>[c(n.$slots,"home-hero-actions-after")]),"home-hero-actions-before-actions":v(()=>[c(n.$slots,"home-hero-actions-before-actions")]),"home-hero-image":v(()=>[c(n.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):h("",!0)}}),An={class:"box"},xn={key:0,class:"icon"},In=["innerHTML"],Hn=["innerHTML"],Bn={key:3,class:"details"},Cn=["innerHTML"],En=["innerHTML"],Fn={key:5,class:"link-text"},On={class:"link-text-value"},Dn=m({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{},rel:{},target:{}},setup(e){return(t,n)=>(o(),k(C,{class:"VPFeature",href:e.link,rel:e.rel,target:e.target,"no-icon":!0,tag:e.link?"a":"div"},{default:v(()=>[f("article",An,[typeof e.icon=="object"&&e.icon.wrap?(o(),u("div",xn,[b(Z,{image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])])):typeof e.icon=="object"?(o(),k(Z,{key:1,image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])):e.icon?(o(),u("div",{key:2,class:"icon",innerHTML:e.icon},null,8,In)):h("",!0),f("h2",{class:"title",innerHTML:e.title},null,8,Hn),Array.isArray(e.details)?(o(),u("ul",Bn,[(o(!0),u(S,null,M(e.details,a=>(o(),u("li",{key:a,innerHTML:a},null,8,Cn))),128))])):e.details?(o(),u("p",{key:4,class:"details",innerHTML:e.details},null,8,En)):h("",!0),e.linkText?(o(),u("div",Fn,[f("p",On,[K(L(e.linkText)+" ",1),n[0]||(n[0]=f("span",{class:"vpi-arrow-right link-text-icon"},null,-1))])])):h("",!0)])]),_:1},8,["href","rel","target","tag"]))}}),Gn=_(Dn,[["__scopeId","data-v-e5511d04"]]),Un={key:0,class:"VPFeatures"},jn={class:"container"},Kn={class:"items"},Rn=m({__name:"VPFeatures",props:{features:{}},setup(e){const t=e,n=p(()=>{const a=t.features.length;if(a){if(a===2)return"grid-2";if(a===3)return"grid-3";if(a%3===0)return"grid-6";if(a>3)return"grid-4"}else return});return(a,s)=>e.features?(o(),u("div",Un,[f("div",jn,[f("div",Kn,[(o(!0),u(S,null,M(e.features,r=>(o(),u("div",{key:r.title,class:P(["item",[n.value]])},[b(Gn,{icon:r.icon,title:r.title,details:r.details,link:r.link,"link-text":r.linkText,rel:r.rel,target:r.target},null,8,["icon","title","details","link","link-text","rel","target"])],2))),128))])])])):h("",!0)}}),Wn=_(Rn,[["__scopeId","data-v-a6181336"]]),zn=m({__name:"VPHomeFeatures",setup(e){const{frontmatter:t}=$();return(n,a)=>i(t).features?(o(),k(Wn,{key:0,class:"VPHomeFeatures",features:i(t).features},null,8,["features"])):h("",!0)}}),qn=m({__name:"VPHomeContent",setup(e){const{width:t}=ze({initialWidth:0,includeScrollbar:!1});return(n,a)=>(o(),u("div",{class:"vp-doc container",style:Se(i(t)?{"--vp-offset":`calc(50% - ${i(t)/2}px)`}:{})},[c(n.$slots,"default",{},void 0,!0)],4))}}),Jn=_(qn,[["__scopeId","data-v-8e2d4988"]]),Yn=m({__name:"VPHome",setup(e){const{frontmatter:t,theme:n}=$();return(a,s)=>{const r=R("Content");return o(),u("div",{class:P(["VPHome",{"external-link-icon-enabled":i(n).externalLinkIcon}])},[c(a.$slots,"home-hero-before",{},void 0,!0),b(wn,null,{"home-hero-info-before":v(()=>[c(a.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":v(()=>[c(a.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":v(()=>[c(a.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":v(()=>[c(a.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-actions-before-actions":v(()=>[c(a.$slots,"home-hero-actions-before-actions",{},void 0,!0)]),"home-hero-image":v(()=>[c(a.$slots,"home-hero-image",{},void 0,!0)]),_:3}),c(a.$slots,"home-hero-after",{},void 0,!0),c(a.$slots,"home-features-before",{},void 0,!0),b(zn),c(a.$slots,"home-features-after",{},void 0,!0),i(t).markdownStyles!==!1?(o(),k(Jn,{key:0},{default:v(()=>[b(r)]),_:1})):(o(),k(r,{key:1}))],2)}}}),Qn=_(Yn,[["__scopeId","data-v-bb6342a6"]]),Xn={},Zn={class:"VPPage"};function ea(e,t){const n=R("Content");return o(),u("div",Zn,[c(e.$slots,"page-top"),b(n),c(e.$slots,"page-bottom")])}const ta=_(Xn,[["render",ea]]),na=m({__name:"VPContent",setup(e){const{page:t,frontmatter:n}=$(),{isHome:a,hasSidebar:s}=D();return(r,d)=>(o(),u("div",{class:P(["VPContent",{"has-sidebar":i(s),"is-home":i(a)}]),id:"VPContent"},[i(t).isNotFound?c(r.$slots,"not-found",{key:0},()=>[b(ht)],!0):i(n).layout==="page"?(o(),k(ta,{key:1},{"page-top":v(()=>[c(r.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[c(r.$slots,"page-bottom",{},void 0,!0)]),_:3})):i(n).layout==="home"?(o(),k(Qn,{key:2},{"home-hero-before":v(()=>[c(r.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":v(()=>[c(r.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":v(()=>[c(r.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":v(()=>[c(r.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":v(()=>[c(r.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-actions-before-actions":v(()=>[c(r.$slots,"home-hero-actions-before-actions",{},void 0,!0)]),"home-hero-image":v(()=>[c(r.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[c(r.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[c(r.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[c(r.$slots,"home-features-after",{},void 0,!0)]),_:3})):i(n).layout&&i(n).layout!=="doc"?(o(),k(B(i(n).layout),{key:3})):(o(),k(hn,{key:4},{"doc-top":v(()=>[c(r.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[c(r.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":v(()=>[c(r.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[c(r.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[c(r.$slots,"doc-after",{},void 0,!0)]),"aside-top":v(()=>[c(r.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":v(()=>[c(r.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[c(r.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[c(r.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[c(r.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":v(()=>[c(r.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}}),aa=_(na,[["__scopeId","data-v-9dc86fcc"]]),sa={class:"container"},oa=["innerHTML"],ra=["innerHTML"],ia=m({__name:"VPFooter",setup(e){const{theme:t,frontmatter:n}=$(),{hasSidebar:a}=D();return(s,r)=>i(t).footer&&i(n).footer!==!1?(o(),u("footer",{key:0,class:P(["VPFooter",{"has-sidebar":i(a)}])},[f("div",sa,[i(t).footer.message?(o(),u("p",{key:0,class:"message",innerHTML:i(t).footer.message},null,8,oa)):h("",!0),i(t).footer.copyright?(o(),u("p",{key:1,class:"copyright",innerHTML:i(t).footer.copyright},null,8,ra)):h("",!0)])],2)):h("",!0)}}),la=_(ia,[["__scopeId","data-v-c3855bb3"]]),ca={class:"menu-text"},ua={class:"header"},da={class:"outline"},va=m({__name:"VPLocalNavOutlineDropdown",props:{headers:{},navHeight:{}},setup(e){const t=e,{theme:n}=$(),a=V(!1),s=V(0),r=V(),d=V();function l(T){r.value?.contains(T.target)||(a.value=!1)}H(a,T=>{if(T){document.addEventListener("click",l);return}document.removeEventListener("click",l)}),qe("Escape",()=>{a.value=!1}),Le(()=>{a.value=!1});function g(){a.value=!a.value,s.value=window.innerHeight+Math.min(window.scrollY-t.navHeight,0)}function y(T){T.target.classList.contains("outline-link")&&(d.value&&(d.value.style.transition="none"),Ne(()=>{a.value=!1}))}function N(){a.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(T,E)=>(o(),u("div",{class:"VPLocalNavOutlineDropdown",style:Se({"--vp-vh":s.value+"px"}),ref_key:"main",ref:r},[e.headers.length>0?(o(),u("button",{key:0,onClick:g,class:P({open:a.value})},[f("span",ca,L(i(xe)(i(n))),1),E[0]||(E[0]=f("span",{class:"vpi-chevron-right icon"},null,-1))],2)):(o(),u("button",{key:1,onClick:N},L(i(n).returnToTopLabel||"Return to top"),1)),b(ue,{name:"flyout"},{default:v(()=>[a.value?(o(),u("div",{key:0,ref_key:"items",ref:d,class:"items",onClick:y},[f("div",ua,[f("a",{class:"top-link",href:"#",onClick:N},L(i(n).returnToTopLabel||"Return to top"),1)]),f("div",da,[b(He,{headers:e.headers},null,8,["headers"])])],512)):h("",!0)]),_:1})],4))}}),fa=_(va,[["__scopeId","data-v-0bf0e06f"]]),ha={class:"container"},ma=["aria-expanded"],pa={class:"menu-text"},ka=m({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(e){const{theme:t}=$(),{isHome:n,hasSidebar:a,headers:s,hasLocalNav:r}=D(),{y:d}=Te(),l=V(0);G(()=>{l.value=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--vp-nav-height"))});const g=p(()=>({VPLocalNav:!0,"has-sidebar":a.value,empty:!r.value,fixed:!r.value&&!a.value}));return(y,N)=>!i(n)&&(i(r)||i(a)||i(d)>=l.value)?(o(),u("div",{key:0,class:P(g.value)},[f("div",ha,[i(a)?(o(),u("button",{key:0,class:"menu","aria-expanded":e.open,"aria-controls":"VPSidebarNav",onClick:N[0]||(N[0]=T=>y.$emit("open-menu"))},[N[1]||(N[1]=f("span",{class:"vpi-align-left menu-icon"},null,-1)),f("span",pa,L(i(t).sidebarMenuLabel||"Menu"),1)],8,ma)):h("",!0),b(fa,{headers:i(s),navHeight:l.value},null,8,["headers","navHeight"])])],2)):h("",!0)}}),ga=_(ka,[["__scopeId","data-v-db738f89"]]);function ba(){const e=V(!1);function t(){e.value=!0,window.addEventListener("resize",s)}function n(){e.value=!1,window.removeEventListener("resize",s)}function a(){e.value?n():t()}function s(){window.outerWidth>=768&&n()}const r=te();return H(()=>r.path,n),{isScreenOpen:e,openScreen:t,closeScreen:n,toggleScreen:a}}const he=Symbol("nav"),_a={},$a={class:"VPSwitch",type:"button",role:"switch"},ya={class:"check"},Pa={key:0,class:"icon"};function La(e,t){return o(),u("button",$a,[f("span",ya,[e.$slots.default?(o(),u("span",Pa,[c(e.$slots,"default",{},void 0,!0)])):h("",!0)])])}const Va=_(_a,[["render",La],["__scopeId","data-v-1d5665e3"]]),Sa=m({__name:"VPSwitchAppearance",setup(e){const{isDark:t,theme:n}=$(),a=ae("toggle-appearance",()=>{t.value=!t.value}),s=V("");return Pe(()=>{s.value=t.value?n.value.lightModeSwitchTitle||"Switch to light theme":n.value.darkModeSwitchTitle||"Switch to dark theme"}),(r,d)=>(o(),k(Va,{title:s.value,class:"VPSwitchAppearance","aria-checked":i(t),onClick:i(a)},{default:v(()=>[...d[0]||(d[0]=[f("span",{class:"vpi-sun sun"},null,-1),f("span",{class:"vpi-moon moon"},null,-1)])]),_:1},8,["title","aria-checked","onClick"]))}}),me=_(Sa,[["__scopeId","data-v-5337faa4"]]),Na={key:0,class:"VPNavBarAppearance"},Ta=m({__name:"VPNavBarAppearance",setup(e){const{site:t}=$();return(n,a)=>i(t).appearance&&i(t).appearance!=="force-dark"&&i(t).appearance!=="force-auto"?(o(),u("div",Na,[b(me)])):h("",!0)}}),Ma=_(Ta,[["__scopeId","data-v-6c893767"]]),pe=V();let Be=!1,oe=0;function wa(e){const t=V(!1);if(J){!Be&&Aa(),oe++;const n=H(pe,a=>{a===e.el.value||e.el.value?.contains(a)?(t.value=!0,e.onFocus?.()):(t.value=!1,e.onBlur?.())});ve(()=>{n(),oe--,oe||xa()})}return Je(t)}function Aa(){document.addEventListener("focusin",Ce),Be=!0,pe.value=document.activeElement}function xa(){document.removeEventListener("focusin",Ce)}function Ce(){pe.value=document.activeElement}const Ia={class:"VPMenuLink"},Ha=["innerHTML"],Ba=m({inheritAttrs:!1,__name:"VPMenuLink",props:{item:{},rel:{}},setup(e){const t=e,{page:n}=$(),a=p(()=>typeof t.item.link=="function"?t.item.link(n.value):t.item.link),s=p(()=>O(n.value.relativePath,t.item.activeMatch||a.value,!!t.item.activeMatch));return(r,d)=>(o(),u("div",Ia,[b(C,F(r.$attrs,{class:{active:s.value},href:a.value,target:e.item.target,rel:t.rel??e.item.rel,"no-icon":e.item.noIcon}),{default:v(()=>[f("span",{innerHTML:e.item.text},null,8,Ha)]),_:1},16,["class","href","target","rel","no-icon"])]))}}),se=_(Ba,[["__scopeId","data-v-867c295f"]]),Ca={class:"VPMenuGroup"},Ea={key:0,class:"title"},Fa=m({__name:"VPMenuGroup",props:{text:{},items:{}},setup(e){return(t,n)=>(o(),u("div",Ca,[e.text?(o(),u("p",Ea,L(e.text),1)):h("",!0),(o(!0),u(S,null,M(e.items,a=>(o(),u(S,{key:JSON.stringify(a)},["link"in a?(o(),k(se,{key:0,item:a},null,8,["item"])):h("",!0)],64))),128))]))}}),Oa=_(Fa,[["__scopeId","data-v-1963e1bb"]]),Da={class:"VPMenu"},Ga={key:0,class:"items"},Ua=m({__name:"VPMenu",props:{items:{}},setup(e){return(t,n)=>(o(),u("div",Da,[e.items?(o(),u("div",Ga,[(o(!0),u(S,null,M(e.items,a=>(o(),u(S,{key:JSON.stringify(a)},["link"in a?(o(),k(se,{key:0,item:a},null,8,["item"])):"component"in a?(o(),k(B(a.component),F({key:1,ref_for:!0},a.props),null,16)):(o(),k(Oa,{key:2,text:a.text,items:a.items},null,8,["text","items"]))],64))),128))])):h("",!0),c(t.$slots,"default",{},void 0,!0)]))}}),ja=_(Ua,[["__scopeId","data-v-25a6cce8"]]),Ka=["aria-expanded","aria-label"],Ra={key:0,class:"text"},Wa=["innerHTML"],za={key:1,class:"vpi-more-horizontal icon"},qa={class:"menu"},Ja=m({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(e){const t=V(!1),n=V();wa({el:n,onBlur:a});function a(){t.value=!1}return(s,r)=>(o(),u("div",{class:"VPFlyout",ref_key:"el",ref:n,onMouseenter:r[1]||(r[1]=d=>t.value=!0),onMouseleave:r[2]||(r[2]=d=>t.value=!1)},[f("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":t.value,"aria-label":e.label,onClick:r[0]||(r[0]=d=>t.value=!t.value)},[e.button||e.icon?(o(),u("span",Ra,[e.icon?(o(),u("span",{key:0,class:P([e.icon,"option-icon"])},null,2)):h("",!0),e.button?(o(),u("span",{key:1,innerHTML:e.button},null,8,Wa)):h("",!0),r[3]||(r[3]=f("span",{class:"vpi-chevron-down text-icon"},null,-1))])):(o(),u("span",za))],8,Ka),f("div",qa,[b(ja,{items:e.items},{default:v(()=>[c(s.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}}),ke=_(Ja,[["__scopeId","data-v-42cb505d"]]),Ya=["href","aria-label","rel","innerHTML"],Qa=m({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{},me:{type:Boolean}},setup(e){const t=e,n=V();G(async()=>{await Ne();const s=n.value?.children[0];s instanceof HTMLElement&&s.className.startsWith("vpi-social-")&&(getComputedStyle(s).maskImage||getComputedStyle(s).webkitMaskImage)==="none"&&s.style.setProperty("--icon",`url('https://api.iconify.design/simple-icons/${t.icon}.svg')`)});const a=p(()=>typeof t.icon=="object"?t.icon.svg:`<span class="vpi-social-${t.icon}"></span>`);return(s,r)=>(o(),u("a",{ref_key:"el",ref:n,class:"VPSocialLink no-icon",href:e.link,"aria-label":e.ariaLabel??(typeof e.icon=="string"?e.icon:""),target:"_blank",rel:e.me?"me noopener":"noopener",innerHTML:a.value},null,8,Ya))}}),Xa=_(Qa,[["__scopeId","data-v-591a6b30"]]),Za={class:"VPSocialLinks"},es=m({__name:"VPSocialLinks",props:{links:{},me:{type:Boolean,default:!0}},setup(e){return(t,n)=>(o(),u("div",Za,[(o(!0),u(S,null,M(e.links,({link:a,icon:s,ariaLabel:r})=>(o(),k(Xa,{key:a,icon:s,link:a,ariaLabel:r,me:e.me},null,8,["icon","link","ariaLabel","me"]))),128))]))}}),ge=_(es,[["__scopeId","data-v-d07f11e6"]]),ts={key:0,class:"group translations"},ns={class:"trans-title"},as={key:1,class:"group"},ss={class:"item appearance"},os={class:"label"},rs={class:"appearance-action"},is={key:2,class:"group"},ls={class:"item social-links"},cs=m({__name:"VPNavBarExtra",setup(e){const{site:t,theme:n}=$(),{localeLinks:a,currentLang:s}=Y({correspondingLink:!0}),r=p(()=>a.value.length&&s.value.label||t.value.appearance||n.value.socialLinks);return(d,l)=>r.value?(o(),k(ke,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:v(()=>[i(a).length&&i(s).label?(o(),u("div",ts,[f("p",ns,L(i(s).label),1),(o(!0),u(S,null,M(i(a),g=>(o(),k(se,{key:g.link,item:g,lang:g.lang,hreflang:g.lang,rel:"alternate",dir:g.dir},null,8,["item","lang","hreflang","dir"]))),128))])):h("",!0),i(t).appearance&&i(t).appearance!=="force-dark"&&i(t).appearance!=="force-auto"?(o(),u("div",as,[f("div",ss,[f("p",os,L(i(n).darkModeSwitchLabel||"Appearance"),1),f("div",rs,[b(me)])])])):h("",!0),i(n).socialLinks?(o(),u("div",is,[f("div",ls,[b(ge,{class:"social-links-list",links:i(n).socialLinks},null,8,["links"])])])):h("",!0)]),_:1})):h("",!0)}}),us=_(cs,[["__scopeId","data-v-562c832a"]]),ds=["aria-expanded"],vs=m({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(e){return(t,n)=>(o(),u("button",{type:"button",class:P(["VPNavBarHamburger",{active:e.active}]),"aria-label":"mobile navigation","aria-expanded":e.active,"aria-controls":"VPNavScreen",onClick:n[0]||(n[0]=a=>t.$emit("click"))},[...n[1]||(n[1]=[f("span",{class:"container"},[f("span",{class:"top"}),f("span",{class:"middle"}),f("span",{class:"bottom"})],-1)])],10,ds))}}),fs=_(vs,[["__scopeId","data-v-e5dd9c1c"]]),hs=["innerHTML"],ms=m({__name:"VPNavBarMenuLink",props:{item:{}},setup(e){const t=e,{page:n}=$(),a=p(()=>typeof t.item.link=="function"?t.item.link(n.value):t.item.link),s=p(()=>O(n.value.relativePath,t.item.activeMatch||a.value,!!t.item.activeMatch));return(r,d)=>(o(),k(C,{class:P({VPNavBarMenuLink:!0,active:s.value}),href:a.value,target:e.item.target,rel:e.item.rel,"no-icon":e.item.noIcon,tabindex:"0"},{default:v(()=>[f("span",{innerHTML:e.item.text},null,8,hs)]),_:1},8,["class","href","target","rel","no-icon"]))}}),ps=_(ms,[["__scopeId","data-v-6dd25bb8"]]),ks=m({__name:"VPNavBarMenuGroup",props:{item:{}},setup(e){const t=e,{page:n}=$(),a=p(()=>t.item.activeMatch?O(n.value.relativePath,t.item.activeMatch,!0):s(t.item));function s(r){if("component"in r)return!1;if("link"in r){const d=typeof r.link=="function"?r.link(n.value):r.link;return O(n.value.relativePath,r.activeMatch||d,!!r.activeMatch)}return r.items.some(s)}return(r,d)=>(o(),k(ke,{class:P({VPNavBarMenuGroup:!0,active:a.value}),button:e.item.text,items:e.item.items},null,8,["class","button","items"]))}}),gs={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},bs=m({__name:"VPNavBarMenu",setup(e){const{theme:t}=$();return(n,a)=>i(t).nav?(o(),u("nav",gs,[a[0]||(a[0]=f("span",{id:"main-nav-aria-label",class:"visually-hidden"}," Main Navigation ",-1)),(o(!0),u(S,null,M(i(t).nav,s=>(o(),u(S,{key:JSON.stringify(s)},["link"in s?(o(),k(ps,{key:0,item:s},null,8,["item"])):"component"in s?(o(),k(B(s.component),F({key:1,ref_for:!0},s.props),null,16)):(o(),k(ks,{key:2,item:s},null,8,["item"]))],64))),128))])):h("",!0)}}),_s=_(bs,[["__scopeId","data-v-39714824"]]);function $s(e){const t=e.mode??"auto",n=ys(e),a=e.askAi,s=!!(a&&typeof a=="object"&&a.sidePanel);switch(t){case"sidePanel":return{mode:t,showKeywordSearch:!1,useSidePanel:!0};case"hybrid":return n||console.error('[vitepress] mode: "hybrid" requires keyword search credentials (appId, apiKey, indexName).'),{mode:t,showKeywordSearch:n,useSidePanel:!0};case"modal":return{mode:t,showKeywordSearch:n,useSidePanel:!1};default:return{mode:"auto",showKeywordSearch:n,useSidePanel:s}}}function ys(e){return!!(e.appId&&e.apiKey&&e.indexName)}function Ee(e,t){return[...(Array.isArray(e)?e:e?[e]:[]).map(s=>Array.isArray(s)?s.filter(r=>typeof r=="string"&&!r.startsWith("lang:")):s).filter(s=>typeof s=="string"?!s.startsWith("lang:"):Array.isArray(s)&&s.length>0),`lang:${t}`]}function Ps(e,t,n){const a=typeof e=="string",s=!a&&e.searchParameters?{...e.searchParameters}:void 0,r=s?.facetFilters??t.searchParameters?.facetFilters,d=Ee(r,n),l={...s,facetFilters:d.length?d:void 0},g={...a?{}:e,indexName:a?t.indexName:e.indexName,apiKey:a?t.apiKey:e.apiKey,appId:a?t.appId:e.appId,assistantId:a?e:e.assistantId};return Object.values(l).some(y=>y!=null)&&(g.searchParameters=l),g}function Ls(e,t,n){e=Fe(e,e.locales?.[t]||{});const a=Ee(e.searchParameters?.facetFilters,n),s=e.askAi?Ps(e.askAi,e,n):void 0;return{...e,searchParameters:{...e.searchParameters,facetFilters:a},askAi:s}}function Fe(e,t){const n={...e};for(const a in t){const s=t[a];if(s!==void 0){if(a==="searchParameters"){n[a]=s;continue}$e(s)&&$e(n[a])?n[a]=Fe(n[a],s):n[a]=s}}return delete n.locales,n}function Vs(e,t=(n,a)=>JSON.stringify(n)===JSON.stringify(a)){return p(n=>{const a=e();return n===void 0||!t(n,a)?a:n})}const Ss={},Ns={type:"button",class:"VPNavBarAskAiButton"};function Ts(e,t){return o(),u("button",Ns,[...t[0]||(t[0]=[f("span",{class:"vpi-sparkles","aria-hidden":"true"},null,-1)])])}const Ms=_(Ss,[["render",Ts],["__scopeId","data-v-4eb17e89"]]),ws={type:"button",class:"VPNavBarSearchButton"},As={class:"text"},xs=m({__name:"VPNavBarSearchButton",props:{text:{}},setup(e){return(t,n)=>(o(),u("button",ws,[n[0]||(n[0]=f("span",{class:"vpi-search","aria-hidden":"true"},null,-1)),f("span",As,L(e.text),1),n[1]||(n[1]=f("span",{class:"keys","aria-hidden":"true"},[f("kbd",{class:"key-cmd"},"⌘"),f("kbd",{class:"key-ctrl"},"Ctrl"),f("kbd",null,"K")],-1))]))}}),ye=_(xs,[["__scopeId","data-v-baa3be99"]]),Is={class:"VPNavBarSearch"},Hs=m({__name:"VPNavBarSearch",setup(e){const t=()=>null,n=()=>null,{theme:a,localeIndex:s,lang:r}=$(),d="",l=Vs(()=>Ls(a.value.search?.options||{},s.value,r.value)),g=p(()=>$s(l.value)),y=p(()=>{if(!g.value.useSidePanel)return null;const A=l.value.askAi;return!A||typeof A=="string"||!A.sidePanel?null:A.sidePanel===!0?{}:A.sidePanel}),N=p(()=>y.value?.keyboardShortcuts?.["Ctrl/Cmd+I"]!==!1),T=V(null);let E=0;const w=V(!1),I=V(!1);G(()=>{});function W(A){w.value||(w.value=!0),T.value={target:A,nonce:++E}}const U=V(!1);return(A,x)=>(o(),u("div",Is,[i(d)==="algolia"?(o(),u(S,{key:0},[g.value.showKeywordSearch?(o(),k(ye,{key:0,text:i(l).translations?.button?.buttonText||"Search","aria-label":i(l).translations?.button?.buttonAriaLabel||"Search","aria-keyshortcuts":"/ control+k meta+k",onClick:x[0]||(x[0]=j=>W("search"))},null,8,["text","aria-label"])):h("",!0),y.value?(o(),k(Ms,{key:1,"aria-label":y.value.button?.translations?.buttonAriaLabel||"Ask AI","aria-keyshortcuts":N.value?"control+i meta+i":void 0,onClick:x[1]||(x[1]=j=>I.value?W("toggleAskAi"):W("askAi"))},null,8,["aria-label","aria-keyshortcuts"])):h("",!0),w.value?(o(),k(i(n),{key:2,"algolia-options":i(l),"open-request":T.value,onVnodeBeforeMount:x[2]||(x[2]=j=>I.value=!0)},null,8,["algolia-options","open-request"])):h("",!0)],64)):i(d)==="local"?(o(),u(S,{key:1},[b(ye,{text:i(l).translations?.button?.buttonText||"Search","aria-label":i(l).translations?.button?.buttonAriaLabel||"Search","aria-keyshortcuts":"/ control+k meta+k",onClick:x[3]||(x[3]=j=>U.value=!0)},null,8,["text","aria-label"]),U.value?(o(),k(i(t),{key:0,onClose:x[4]||(x[4]=j=>U.value=!1)})):h("",!0)],64)):h("",!0)]))}}),Bs=_(Hs,[["__scopeId","data-v-2fc7f2c6"]]),Cs=m({__name:"VPNavBarSocialLinks",setup(e){const{theme:t}=$();return(n,a)=>i(t).socialLinks?(o(),k(ge,{key:0,class:"VPNavBarSocialLinks",links:i(t).socialLinks},null,8,["links"])):h("",!0)}}),Es=_(Cs,[["__scopeId","data-v-0394ad82"]]),Fs=["href","rel","target"],Os=["innerHTML"],Ds={key:2},Gs=m({__name:"VPNavBarTitle",setup(e){const{site:t,theme:n}=$(),{hasSidebar:a}=D(),{currentLang:s}=Y(),r=p(()=>typeof n.value.logoLink=="string"?n.value.logoLink:n.value.logoLink?.link),d=p(()=>typeof n.value.logoLink=="string"?void 0:n.value.logoLink?.rel),l=p(()=>typeof n.value.logoLink=="string"?void 0:n.value.logoLink?.target);return(g,y)=>(o(),u("div",{class:P(["VPNavBarTitle",{"has-sidebar":i(a)}])},[f("a",{class:"title",href:r.value??i(fe)(i(s).link),rel:d.value,target:l.value},[c(g.$slots,"nav-bar-title-before",{},void 0,!0),i(n).logo?(o(),k(Z,{key:0,class:"logo",image:i(n).logo},null,8,["image"])):h("",!0),i(n).siteTitle?(o(),u("span",{key:1,innerHTML:i(n).siteTitle},null,8,Os)):i(n).siteTitle===void 0?(o(),u("span",Ds,L(i(t).title),1)):h("",!0),c(g.$slots,"nav-bar-title-after",{},void 0,!0)],8,Fs)],2))}}),Us=_(Gs,[["__scopeId","data-v-1e38c6bc"]]),js={class:"items"},Ks={class:"title"},Rs=m({__name:"VPNavBarTranslations",setup(e){const{theme:t}=$(),{localeLinks:n,currentLang:a}=Y({correspondingLink:!0});return(s,r)=>i(n).length&&i(a).label?(o(),k(ke,{key:0,class:"VPNavBarTranslations",icon:"vpi-languages",label:i(t).langMenuLabel||"Change language"},{default:v(()=>[f("div",js,[f("p",Ks,L(i(a).label),1),(o(!0),u(S,null,M(i(n),d=>(o(),k(se,{key:d.link,item:d,lang:d.lang,hreflang:d.lang,rel:"alternate",dir:d.dir},null,8,["item","lang","hreflang","dir"]))),128))])]),_:1},8,["label"])):h("",!0)}}),Ws=_(Rs,[["__scopeId","data-v-fafa8c23"]]),zs={class:"wrapper"},qs={class:"container"},Js={class:"title"},Ys={class:"content"},Qs={class:"content-body"},Xs=m({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(e){const{y:t}=Te(),{isHome:n,hasSidebar:a}=D();return(s,r)=>(o(),u("div",{class:P(["VPNavBar",{"has-sidebar":i(a),home:i(n),top:i(t)===0,"screen-open":e.isScreenOpen}])},[f("div",zs,[f("div",qs,[f("div",Js,[b(Us,null,{"nav-bar-title-before":v(()=>[c(s.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[c(s.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),f("div",Ys,[f("div",Qs,[c(s.$slots,"nav-bar-content-before",{},void 0,!0),b(Bs,{class:"search"}),b(_s,{class:"menu"}),b(Ws,{class:"translations"}),b(Ma,{class:"appearance"}),b(Es,{class:"social-links"}),b(us,{class:"extra"}),c(s.$slots,"nav-bar-content-after",{},void 0,!0),b(fs,{class:"hamburger",active:e.isScreenOpen,onClick:r[0]||(r[0]=d=>s.$emit("toggle-screen"))},null,8,["active"])])])])]),r[1]||(r[1]=f("div",{class:"divider"},[f("div",{class:"divider-line"})],-1))],2))}}),Zs=_(Xs,[["__scopeId","data-v-9ca1369d"]]),eo={key:0,class:"VPNavScreenAppearance"},to={class:"text"},no=m({__name:"VPNavScreenAppearance",setup(e){const{site:t,theme:n}=$();return(a,s)=>i(t).appearance&&i(t).appearance!=="force-dark"&&i(t).appearance!=="force-auto"?(o(),u("div",eo,[f("p",to,L(i(n).darkModeSwitchLabel||"Appearance"),1),b(me)])):h("",!0)}}),ao=_(no,[["__scopeId","data-v-b44890b2"]]),so=["innerHTML"],oo=m({__name:"VPNavScreenMenuLink",props:{item:{}},setup(e){const t=e,{page:n}=$(),a=p(()=>typeof t.item.link=="function"?t.item.link(n.value):t.item.link),s=p(()=>O(n.value.relativePath,t.item.activeMatch||a.value,!!t.item.activeMatch)),{closeScreen:r}=ae(he);return(d,l)=>(o(),k(C,{class:P({VPNavScreenMenuLink:!0,active:s.value}),href:a.value,target:e.item.target,rel:e.item.rel,"no-icon":e.item.noIcon,onClick:i(r)},{default:v(()=>[f("span",{innerHTML:e.item.text},null,8,so)]),_:1},8,["class","href","target","rel","no-icon","onClick"]))}}),ro=_(oo,[["__scopeId","data-v-b924ab8a"]]),io=["innerHTML"],lo=m({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(e){const t=e,{page:n}=$(),a=p(()=>typeof t.item.link=="function"?t.item.link(n.value):t.item.link),s=p(()=>O(n.value.relativePath,t.item.activeMatch||a.value,!!t.item.activeMatch)),{closeScreen:r}=ae(he);return(d,l)=>(o(),k(C,{class:P({VPNavScreenMenuGroupLink:!0,active:s.value}),href:a.value,target:e.item.target,rel:e.item.rel,"no-icon":e.item.noIcon,onClick:i(r)},{default:v(()=>[f("span",{innerHTML:e.item.text},null,8,io)]),_:1},8,["class","href","target","rel","no-icon","onClick"]))}}),Oe=_(lo,[["__scopeId","data-v-ecf4b472"]]),co={class:"VPNavScreenMenuGroupSection"},uo={key:0,class:"title"},vo=m({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(e){return(t,n)=>(o(),u("div",co,[e.text?(o(),u("p",uo,L(e.text),1)):h("",!0),(o(!0),u(S,null,M(e.items,a=>(o(),k(Oe,{key:a.text,item:a},null,8,["item"]))),128))]))}}),fo=_(vo,[["__scopeId","data-v-4b7a798b"]]),ho=["aria-controls","aria-expanded"],mo=["innerHTML"],po=["id"],ko={key:0,class:"item"},go={key:1,class:"item"},bo={key:2,class:"group"},_o=m({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(e){const t=e,n=V(!1),a=p(()=>`NavScreenGroup-${t.text.replace(" ","-").toLowerCase()}`);function s(){n.value=!n.value}return(r,d)=>(o(),u("div",{class:P(["VPNavScreenMenuGroup",{open:n.value}])},[f("button",{class:"button","aria-controls":a.value,"aria-expanded":n.value,onClick:s},[f("span",{class:"button-text",innerHTML:e.text},null,8,mo),d[0]||(d[0]=f("span",{class:"vpi-plus button-icon"},null,-1))],8,ho),f("div",{id:a.value,class:"items"},[(o(!0),u(S,null,M(e.items,l=>(o(),u(S,{key:JSON.stringify(l)},["link"in l?(o(),u("div",ko,[b(Oe,{item:l},null,8,["item"])])):"component"in l?(o(),u("div",go,[(o(),k(B(l.component),F({ref_for:!0},l.props,{"screen-menu":""}),null,16))])):(o(),u("div",bo,[b(fo,{text:l.text,items:l.items},null,8,["text","items"])]))],64))),128))],8,po)],2))}}),$o=_(_o,[["__scopeId","data-v-956364f9"]]),yo={key:0,class:"VPNavScreenMenu"},Po=m({__name:"VPNavScreenMenu",setup(e){const{theme:t}=$();return(n,a)=>i(t).nav?(o(),u("nav",yo,[(o(!0),u(S,null,M(i(t).nav,s=>(o(),u(S,{key:JSON.stringify(s)},["link"in s?(o(),k(ro,{key:0,item:s},null,8,["item"])):"component"in s?(o(),k(B(s.component),F({key:1,ref_for:!0},s.props,{"screen-menu":""}),null,16)):(o(),k($o,{key:2,text:s.text||"",items:s.items},null,8,["text","items"]))],64))),128))])):h("",!0)}}),Lo=m({__name:"VPNavScreenSocialLinks",setup(e){const{theme:t}=$();return(n,a)=>i(t).socialLinks?(o(),k(ge,{key:0,class:"VPNavScreenSocialLinks",links:i(t).socialLinks},null,8,["links"])):h("",!0)}}),Vo={class:"list"},So=m({__name:"VPNavScreenTranslations",setup(e){const{localeLinks:t,currentLang:n}=Y({correspondingLink:!0}),a=V(!1);function s(){a.value=!a.value}return(r,d)=>i(t).length&&i(n).label?(o(),u("div",{key:0,class:P(["VPNavScreenTranslations",{open:a.value}])},[f("button",{class:"title",onClick:s},[d[0]||(d[0]=f("span",{class:"vpi-languages icon lang"},null,-1)),K(" "+L(i(n).label)+" ",1),d[1]||(d[1]=f("span",{class:"vpi-chevron-down icon chevron"},null,-1))]),f("ul",Vo,[(o(!0),u(S,null,M(i(t),l=>(o(),u("li",{key:l.link,class:"item"},[b(C,{class:"link",href:l.link,lang:l.lang,dir:l.dir},{default:v(()=>[K(L(l.text),1)]),_:2},1032,["href","lang","dir"])]))),128))])],2)):h("",!0)}}),No=_(So,[["__scopeId","data-v-a4d9b172"]]),To={key:0,class:"VPNavScreen",id:"VPNavScreen"},Mo={class:"container"},wo=m({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(e){const t=Me(J?document.body:null);return(n,a)=>(o(),k(ue,{name:"fade",onEnter:a[0]||(a[0]=s=>t.value=!0),onAfterLeave:a[1]||(a[1]=s=>t.value=!1)},{default:v(()=>[e.open?(o(),u("div",To,[f("div",Mo,[c(n.$slots,"nav-screen-content-before",{},void 0,!0),b(Po,{class:"menu"}),b(No,{class:"translations"}),b(ao,{class:"appearance"}),b(Lo,{class:"social-links"}),c(n.$slots,"nav-screen-content-after",{},void 0,!0)])])):h("",!0)]),_:3}))}}),Ao=_(wo,[["__scopeId","data-v-05f3d7bc"]]),xo={key:0,class:"VPNav"},Io=m({__name:"VPNav",setup(e){const{isScreenOpen:t,closeScreen:n,toggleScreen:a}=ba(),{frontmatter:s}=$(),r=p(()=>s.value.navbar!==!1);return we(he,{closeScreen:n}),ee(()=>{J&&document.documentElement.classList.toggle("hide-nav",!r.value)}),(d,l)=>r.value?(o(),u("header",xo,[b(Zs,{"is-screen-open":i(t),onToggleScreen:i(a)},{"nav-bar-title-before":v(()=>[c(d.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[c(d.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[c(d.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[c(d.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),b(Ao,{open:i(t)},{"nav-screen-content-before":v(()=>[c(d.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[c(d.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])])):h("",!0)}}),Ho=_(Io,[["__scopeId","data-v-9f75dce3"]]),Bo=["role","tabindex"],Co={key:1,class:"items"},Eo=m({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(e){const t=e,{collapsed:n,collapsible:a,isLink:s,isActiveLink:r,hasActiveLink:d,hasChildren:l,toggle:g}=Nt(p(()=>t.item)),y=p(()=>l.value?"section":"div"),N=p(()=>s.value?"a":"div"),T=p(()=>l.value?t.depth+2===7?"p":`h${t.depth+2}`:"p"),E=p(()=>s.value?void 0:"button"),w=p(()=>[[`level-${t.depth}`],{collapsible:a.value},{collapsed:n.value},{"is-link":s.value},{"is-active":r.value},{"has-active":d.value}]);function I(U){"key"in U&&U.key!=="Enter"||!t.item.link&&g()}function W(){t.item.link&&g()}return(U,A)=>{const x=R("VPSidebarItem",!0);return o(),k(B(y.value),{class:P(["VPSidebarItem",w.value])},{default:v(()=>[e.item.text?(o(),u("div",F({key:0,class:"item",role:E.value},Ye(e.item.items?{click:I,keydown:I}:{},!0),{tabindex:e.item.items&&0}),[A[1]||(A[1]=f("div",{class:"indicator"},null,-1)),e.item.link?(o(),k(C,{key:0,tag:N.value,class:"link",href:e.item.link,rel:e.item.rel,target:e.item.target},{default:v(()=>[(o(),k(B(T.value),{class:"text",innerHTML:e.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href","rel","target"])):(o(),k(B(T.value),{key:1,class:"text",innerHTML:e.item.text},null,8,["innerHTML"])),e.item.collapsed!=null&&e.item.items&&e.item.items.length?(o(),u("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:W,onKeydown:Qe(W,["enter"]),tabindex:"0"},[...A[0]||(A[0]=[f("span",{class:"vpi-chevron-right caret-icon"},null,-1)])],32)):h("",!0)],16,Bo)):h("",!0),e.item.items&&e.item.items.length?(o(),u("div",Co,[e.depth<5?(o(!0),u(S,{key:0},M(e.item.items,j=>(o(),k(x,{key:j.text,item:j,depth:e.depth+1},null,8,["item","depth"]))),128)):h("",!0)])):h("",!0)]),_:1},8,["class"])}}}),Fo=_(Eo,[["__scopeId","data-v-d81de50c"]]),Oo=m({__name:"VPSidebarGroup",props:{items:{}},setup(e){const t=V(!0);let n=null;return G(()=>{n=setTimeout(()=>{n=null,t.value=!1},300)}),Xe(()=>{n!=null&&(clearTimeout(n),n=null)}),(a,s)=>(o(!0),u(S,null,M(e.items,r=>(o(),u("div",{key:r.text,class:P(["group",{"no-transition":t.value}])},[b(Fo,{item:r,depth:0},null,8,["item"])],2))),128))}}),Do=_(Oo,[["__scopeId","data-v-8d50c081"]]),Go={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},Uo=m({__name:"VPSidebar",props:{open:{type:Boolean}},setup(e){const{sidebarGroups:t,hasSidebar:n}=D(),a=e,s=V(null),r=Me(J?document.body:null);H([a,s],()=>{a.open?(r.value=!0,s.value?.focus()):r.value=!1},{immediate:!0,flush:"post"});const d=V(0);return H(t,()=>{d.value+=1},{deep:!0}),(l,g)=>i(n)?(o(),u("aside",{key:0,class:P(["VPSidebar",{open:e.open}]),ref_key:"navEl",ref:s,onClick:g[0]||(g[0]=Ze(()=>{},["stop"]))},[g[2]||(g[2]=f("div",{class:"curtain"},null,-1)),f("nav",Go,[g[1]||(g[1]=f("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),c(l.$slots,"sidebar-nav-before",{},void 0,!0),(o(),k(Do,{items:i(t),key:d.value},null,8,["items"])),c(l.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):h("",!0)}}),jo=_(Uo,[["__scopeId","data-v-af661f50"]]),Ko={href:"#VPContent",class:"VPSkipLink visually-hidden"},Ro=m({__name:"VPSkipLink",setup(e){const{theme:t}=$(),n=te(),a=V();return H(()=>n.path,()=>a.value.focus()),(s,r)=>(o(),u(S,null,[f("span",{ref_key:"backToTop",ref:a,tabindex:"-1"},null,512),f("a",Ko,L(i(t).skipToContentLabel||"Skip to content"),1)],64))}}),Wo=_(Ro,[["__scopeId","data-v-331ec75c"]]),zo=m({__name:"Layout",setup(e){const{isOpen:t,open:n,close:a}=St();Tt({closeSidebar:a});const{frontmatter:s}=$(),r=et(),d=p(()=>!!r["home-hero-image"]);return we(Ie,{heroImageSlotExists:d}),(l,g)=>{const y=R("Content");return i(s).layout!==!1?(o(),u("div",{key:0,class:P(["Layout",i(s).pageClass])},[c(l.$slots,"layout-top",{},void 0,!0),b(Wo),b(st,{class:"backdrop",show:i(t),onClick:i(a)},null,8,["show","onClick"]),b(Ho,null,{"nav-bar-title-before":v(()=>[c(l.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[c(l.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[c(l.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[c(l.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":v(()=>[c(l.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[c(l.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),b(ga,{open:i(t),onOpenMenu:i(n)},null,8,["open","onOpenMenu"]),b(jo,{open:i(t)},{"sidebar-nav-before":v(()=>[c(l.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":v(()=>[c(l.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),b(aa,null,{"page-top":v(()=>[c(l.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[c(l.$slots,"page-bottom",{},void 0,!0)]),"not-found":v(()=>[c(l.$slots,"not-found",{},void 0,!0)]),"home-hero-before":v(()=>[c(l.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":v(()=>[c(l.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":v(()=>[c(l.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":v(()=>[c(l.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":v(()=>[c(l.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-actions-before-actions":v(()=>[c(l.$slots,"home-hero-actions-before-actions",{},void 0,!0)]),"home-hero-image":v(()=>[c(l.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[c(l.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[c(l.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[c(l.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":v(()=>[c(l.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[c(l.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[c(l.$slots,"doc-after",{},void 0,!0)]),"doc-top":v(()=>[c(l.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[c(l.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":v(()=>[c(l.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[c(l.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[c(l.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[c(l.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[c(l.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[c(l.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),b(la),c(l.$slots,"layout-bottom",{},void 0,!0)],2)):(o(),k(y,{key:1}))}}}),qo=_(zo,[["__scopeId","data-v-0cf61682"]]),Yo={Layout:qo,enhanceApp:({app:e})=>{e.component("Badge",tt)}};export{Yo as t};

package/public/assets/{classes_badge.md.BCGzPr6f.js → classes_badge.md.EznZXXqT.js}

@@ -1,4 +1,4 @@
-import{C as t}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as e,c as k,ai as a,J as l,w as h,j as i,a as n}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const c=JSON.parse('{"title":"Badge","description":"","frontmatter":{},"headers":[],"relativePath":"classes/badge.md","filePath":"classes/badge.md"}'),p={name:"classes/badge.md"},y=Object.assign(p,{setup(d){return(g,s)=>(e(),k("div",null,[s[6]||(s[6]=a('<h1 id="badge" tabindex="-1">Badge <a class="header-anchor" href="#badge" aria-label="Permalink to “Badge”">​</a></h1><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/badge&#39;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The badge is using a <code>&lt;span&gt;</code> tag with the class <code>.badge</code>.</p>',4)),l(t,null,{default:h(()=>[...s[0]||(s[0]=[i("span",{class:"badge"},"Badge",-1)])]),_:1}),s[7]||(s[7]=a(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-12" id="tab-13" checked><label data-title="html" for="tab-13">html</label><input type="radio" name="group-12" id="tab-14"><label data-title="css properties" for="tab-14">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;badge&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Badge&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-css"><button title="Copy Code" class="copy"></button><span class="lang">css</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--badge-color</span></span>
+import{C as t}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as e,c as k,ai as a,J as l,w as h,j as i,a as n}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const c=JSON.parse('{"title":"Badge","description":"","frontmatter":{},"headers":[],"relativePath":"classes/badge.md","filePath":"classes/badge.md"}'),p={name:"classes/badge.md"},y=Object.assign(p,{setup(d){return(g,s)=>(e(),k("div",null,[s[6]||(s[6]=a('<h1 id="badge" tabindex="-1">Badge <a class="header-anchor" href="#badge" aria-label="Permalink to “Badge”">​</a></h1><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/badge&#39;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The badge is using a <code>&lt;span&gt;</code> tag with the class <code>.badge</code>.</p>',4)),l(t,null,{default:h(()=>[...s[0]||(s[0]=[i("span",{class:"badge"},"Badge",-1)])]),_:1}),s[7]||(s[7]=a(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-12" id="tab-13" checked><label data-title="html" for="tab-13">html</label><input type="radio" name="group-12" id="tab-14"><label data-title="css properties" for="tab-14">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;badge&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Badge&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">span</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-css"><button title="Copy Code" class="copy"></button><span class="lang">css</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--badge-color</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--badge-background</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--badge-border-size</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--badge-border-style</span></span>

package/public/assets/{classes_badge.md.BCGzPr6f.lean.js → classes_badge.md.EznZXXqT.lean.js}

@@ -1 +1 @@
-import{C as t}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as e,c as k,ai as a,J as l,w as h,j as i,a as n}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const c=JSON.parse('{"title":"Badge","description":"","frontmatter":{},"headers":[],"relativePath":"classes/badge.md","filePath":"classes/badge.md"}'),p={name:"classes/badge.md"},y=Object.assign(p,{setup(d){return(g,s)=>(e(),k("div",null,[s[6]||(s[6]=a("",4)),l(t,null,{default:h(()=>[...s[0]||(s[0]=[i("span",{class:"badge"},"Badge",-1)])]),_:1}),s[7]||(s[7]=a("",5)),l(t,null,{default:h(()=>[...s[1]||(s[1]=[i("span",{class:"badge"},[i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16"},[i("path",{d:"M8 8c.828 0 1.5-.895 1.5-2S8.828 4 8 4s-1.5.895-1.5 2S7.172 8 8 8Z"}),i("path",{d:"M11.953 8.81c-.195-3.388-.968-5.507-1.777-6.819C9.707 1.233 9.23.751 8.857.454a3.495 3.495 0 0 0-.463-.315A2.19 2.19 0 0 0 8.25.064.546.546 0 0 0 8 0a.549.549 0 0 0-.266.073 2.312 2.312 0 0 0-.142.08 3.67 3.67 0 0 0-.459.33c-.37.308-.844.803-1.31 1.57-.805 1.322-1.577 3.433-1.774 6.756l-1.497 1.826-.004.005A2.5 2.5 0 0 0 2 12.202V15.5a.5.5 0 0 0 .9.3l1.125-1.5c.166-.222.42-.4.752-.57.214-.108.414-.192.625-.281l.198-.084c.7.428 1.55.635 2.4.635.85 0 1.7-.207 2.4-.635.067.03.132.056.196.083.213.09.413.174.627.282.332.17.586.348.752.57l1.125 1.5a.5.5 0 0 0 .9-.3v-3.298a2.5 2.5 0 0 0-.548-1.562l-1.499-1.83ZM12 10.445v.055c0 .866-.284 1.585-.75 2.14.146.064.292.13.425.199.39.197.8.46 1.1.86L13 14v-1.798a1.5 1.5 0 0 0-.327-.935L12 10.445ZM4.75 12.64C4.284 12.085 4 11.366 4 10.5v-.054l-.673.82a1.5 1.5 0 0 0-.327.936V14l.225-.3c.3-.4.71-.664 1.1-.861.133-.068.279-.135.425-.199ZM8.009 1.073c.063.04.14.094.226.163.284.226.683.621 1.09 1.28C10.137 3.836 11 6.237 11 10.5c0 .858-.374 1.48-.943 1.893C9.517 12.786 8.781 13 8 13c-.781 0-1.517-.214-2.057-.607C5.373 11.979 5 11.358 5 10.5c0-4.182.86-6.586 1.677-7.928.409-.67.81-1.082 1.096-1.32.09-.076.17-.135.236-.18Z"}),i("path",{d:"M9.479 14.361c-.48.093-.98.139-1.479.139-.5 0-.999-.046-1.479-.139L7.6 15.8a.5.5 0 0 0 .8 0l1.079-1.439Z"})]),n(" Badge ")],-1)])]),_:1}),s[8]||(s[8]=a("",4)),l(t,null,{default:h(()=>[...s[2]||(s[2]=[i("span",{class:"badge",style:{"font-size":".75em"}},"Small",-1),n("  ",-1),i("span",{class:"badge"},"Normal",-1),n("  ",-1),i("span",{class:"badge",style:{"font-size":"var(--font-size-large)"}},"Large",-1)])]),_:1}),s[9]||(s[9]=a("",3)),l(t,null,{default:h(()=>[...s[3]||(s[3]=[i("span",{class:"badge outline"},"Badge",-1)])]),_:1}),s[10]||(s[10]=a("",3)),l(t,null,{default:h(()=>[...s[4]||(s[4]=[i("span",{class:"badge primary"},"Primary",-1),n("  ",-1),i("span",{class:"badge outline primary"},"Outline",-1)])]),_:1}),s[11]||(s[11]=a("",3)),l(t,null,{default:h(()=>[...s[5]||(s[5]=[i("div",{class:"group"},[i("span",{class:"badge"},"Badge A"),i("span",{class:"badge"},"Badge B"),i("span",{class:"badge"},"Badge C")],-1)])]),_:1}),s[12]||(s[12]=a("",1))]))}});export{c as __pageData,y as default};
+import{C as t}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as e,c as k,ai as a,J as l,w as h,j as i,a as n}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const c=JSON.parse('{"title":"Badge","description":"","frontmatter":{},"headers":[],"relativePath":"classes/badge.md","filePath":"classes/badge.md"}'),p={name:"classes/badge.md"},y=Object.assign(p,{setup(d){return(g,s)=>(e(),k("div",null,[s[6]||(s[6]=a("",4)),l(t,null,{default:h(()=>[...s[0]||(s[0]=[i("span",{class:"badge"},"Badge",-1)])]),_:1}),s[7]||(s[7]=a("",5)),l(t,null,{default:h(()=>[...s[1]||(s[1]=[i("span",{class:"badge"},[i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16"},[i("path",{d:"M8 8c.828 0 1.5-.895 1.5-2S8.828 4 8 4s-1.5.895-1.5 2S7.172 8 8 8Z"}),i("path",{d:"M11.953 8.81c-.195-3.388-.968-5.507-1.777-6.819C9.707 1.233 9.23.751 8.857.454a3.495 3.495 0 0 0-.463-.315A2.19 2.19 0 0 0 8.25.064.546.546 0 0 0 8 0a.549.549 0 0 0-.266.073 2.312 2.312 0 0 0-.142.08 3.67 3.67 0 0 0-.459.33c-.37.308-.844.803-1.31 1.57-.805 1.322-1.577 3.433-1.774 6.756l-1.497 1.826-.004.005A2.5 2.5 0 0 0 2 12.202V15.5a.5.5 0 0 0 .9.3l1.125-1.5c.166-.222.42-.4.752-.57.214-.108.414-.192.625-.281l.198-.084c.7.428 1.55.635 2.4.635.85 0 1.7-.207 2.4-.635.067.03.132.056.196.083.213.09.413.174.627.282.332.17.586.348.752.57l1.125 1.5a.5.5 0 0 0 .9-.3v-3.298a2.5 2.5 0 0 0-.548-1.562l-1.499-1.83ZM12 10.445v.055c0 .866-.284 1.585-.75 2.14.146.064.292.13.425.199.39.197.8.46 1.1.86L13 14v-1.798a1.5 1.5 0 0 0-.327-.935L12 10.445ZM4.75 12.64C4.284 12.085 4 11.366 4 10.5v-.054l-.673.82a1.5 1.5 0 0 0-.327.936V14l.225-.3c.3-.4.71-.664 1.1-.861.133-.068.279-.135.425-.199ZM8.009 1.073c.063.04.14.094.226.163.284.226.683.621 1.09 1.28C10.137 3.836 11 6.237 11 10.5c0 .858-.374 1.48-.943 1.893C9.517 12.786 8.781 13 8 13c-.781 0-1.517-.214-2.057-.607C5.373 11.979 5 11.358 5 10.5c0-4.182.86-6.586 1.677-7.928.409-.67.81-1.082 1.096-1.32.09-.076.17-.135.236-.18Z"}),i("path",{d:"M9.479 14.361c-.48.093-.98.139-1.479.139-.5 0-.999-.046-1.479-.139L7.6 15.8a.5.5 0 0 0 .8 0l1.079-1.439Z"})]),n(" Badge ")],-1)])]),_:1}),s[8]||(s[8]=a("",4)),l(t,null,{default:h(()=>[...s[2]||(s[2]=[i("span",{class:"badge",style:{"font-size":".75em"}},"Small",-1),n("  ",-1),i("span",{class:"badge"},"Normal",-1),n("  ",-1),i("span",{class:"badge",style:{"font-size":"var(--font-size-large)"}},"Large",-1)])]),_:1}),s[9]||(s[9]=a("",3)),l(t,null,{default:h(()=>[...s[3]||(s[3]=[i("span",{class:"badge outline"},"Badge",-1)])]),_:1}),s[10]||(s[10]=a("",3)),l(t,null,{default:h(()=>[...s[4]||(s[4]=[i("span",{class:"badge primary"},"Primary",-1),n("  ",-1),i("span",{class:"badge outline primary"},"Outline",-1)])]),_:1}),s[11]||(s[11]=a("",3)),l(t,null,{default:h(()=>[...s[5]||(s[5]=[i("div",{class:"group"},[i("span",{class:"badge"},"Badge A"),i("span",{class:"badge"},"Badge B"),i("span",{class:"badge"},"Badge C")],-1)])]),_:1}),s[12]||(s[12]=a("",1))]))}});export{c as __pageData,y as default};

package/public/assets/{classes_breadcrumb.md.vU6jlo36.js → classes_breadcrumb.md.DrzF9h9m.js}

@@ -1,4 +1,4 @@
-import{C as t}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as l,c as n,ai as a,J as h,w as e,j as s}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const c=JSON.parse('{"title":"Breadcrumb","description":"","frontmatter":{},"headers":[],"relativePath":"classes/breadcrumb.md","filePath":"classes/breadcrumb.md"}'),k={name:"classes/breadcrumb.md"},o=Object.assign(k,{setup(p){return(r,i)=>(l(),n("div",null,[i[1]||(i[1]=a('<h1 id="breadcrumb" tabindex="-1">Breadcrumb <a class="header-anchor" href="#breadcrumb" aria-label="Permalink to “Breadcrumb”">​</a></h1><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/breadcrumb&#39;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>To create a breadcrumb navigation, always use <code>&lt;ol&gt;</code> with a class <code>.breadcrumb</code> inside a <code>&lt;nav&gt;</code> tag.</p>',4)),h(t,null,{default:e(()=>[...i[0]||(i[0]=[s("nav",{"aria-label":"Breadcrumb navigaton"},[s("ol",{class:"breadcrumb"},[s("li",null,[s("a",{href:"#"},"One")]),s("li",null,[s("a",{href:"#"},"Two")]),s("li",null,[s("a",{href:"#"},"Three")]),s("li",{"aria-current":"location"},"Four")])],-1)])]),_:1}),i[2]||(i[2]=a(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-12" id="tab-13" checked><label data-title="html" for="tab-13">html</label><input type="radio" name="group-12" id="tab-14"><label data-title="css properties" for="tab-14">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">nav</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> aria-label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Breadcrumb navigaton&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{C as t}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as l,c as n,ai as a,J as h,w as e,j as s}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const c=JSON.parse('{"title":"Breadcrumb","description":"","frontmatter":{},"headers":[],"relativePath":"classes/breadcrumb.md","filePath":"classes/breadcrumb.md"}'),k={name:"classes/breadcrumb.md"},o=Object.assign(k,{setup(p){return(r,i)=>(l(),n("div",null,[i[1]||(i[1]=a('<h1 id="breadcrumb" tabindex="-1">Breadcrumb <a class="header-anchor" href="#breadcrumb" aria-label="Permalink to “Breadcrumb”">​</a></h1><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/breadcrumb&#39;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>To create a breadcrumb navigation, always use <code>&lt;ol&gt;</code> with a class <code>.breadcrumb</code> inside a <code>&lt;nav&gt;</code> tag.</p>',4)),h(t,null,{default:e(()=>[...i[0]||(i[0]=[s("nav",{"aria-label":"Breadcrumb navigaton"},[s("ol",{class:"breadcrumb"},[s("li",null,[s("a",{href:"#"},"One")]),s("li",null,[s("a",{href:"#"},"Two")]),s("li",null,[s("a",{href:"#"},"Three")]),s("li",{"aria-current":"location"},"Four")])],-1)])]),_:1}),i[2]||(i[2]=a(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-12" id="tab-13" checked><label data-title="html" for="tab-13">html</label><input type="radio" name="group-12" id="tab-14"><label data-title="css properties" for="tab-14">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">nav</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> aria-label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Breadcrumb navigaton&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ol</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;breadcrumb&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">li</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> href</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;One&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">li</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">li</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> href</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Two&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">li</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>

package/public/assets/{classes_breadcrumb.md.vU6jlo36.lean.js → classes_breadcrumb.md.DrzF9h9m.lean.js}

@@ -1 +1 @@
-import{C as t}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as l,c as n,ai as a,J as h,w as e,j as s}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const c=JSON.parse('{"title":"Breadcrumb","description":"","frontmatter":{},"headers":[],"relativePath":"classes/breadcrumb.md","filePath":"classes/breadcrumb.md"}'),k={name:"classes/breadcrumb.md"},o=Object.assign(k,{setup(p){return(r,i)=>(l(),n("div",null,[i[1]||(i[1]=a("",4)),h(t,null,{default:e(()=>[...i[0]||(i[0]=[s("nav",{"aria-label":"Breadcrumb navigaton"},[s("ol",{class:"breadcrumb"},[s("li",null,[s("a",{href:"#"},"One")]),s("li",null,[s("a",{href:"#"},"Two")]),s("li",null,[s("a",{href:"#"},"Three")]),s("li",{"aria-current":"location"},"Four")])],-1)])]),_:1}),i[2]||(i[2]=a("",2))]))}});export{c as __pageData,o as default};
+import{C as t}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as l,c as n,ai as a,J as h,w as e,j as s}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const c=JSON.parse('{"title":"Breadcrumb","description":"","frontmatter":{},"headers":[],"relativePath":"classes/breadcrumb.md","filePath":"classes/breadcrumb.md"}'),k={name:"classes/breadcrumb.md"},o=Object.assign(k,{setup(p){return(r,i)=>(l(),n("div",null,[i[1]||(i[1]=a("",4)),h(t,null,{default:e(()=>[...i[0]||(i[0]=[s("nav",{"aria-label":"Breadcrumb navigaton"},[s("ol",{class:"breadcrumb"},[s("li",null,[s("a",{href:"#"},"One")]),s("li",null,[s("a",{href:"#"},"Two")]),s("li",null,[s("a",{href:"#"},"Three")]),s("li",{"aria-current":"location"},"Four")])],-1)])]),_:1}),i[2]||(i[2]=a("",2))]))}});export{c as __pageData,o as default};

package/public/assets/{classes_card.md.BZEh2l_B.js → classes_card.md.BzNZEHe9.js}

@@ -1,4 +1,4 @@
-import{C as t}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as n,c as k,ai as a,J as l,w as h,j as s}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const o=JSON.parse('{"title":"Card","description":"","frontmatter":{},"headers":[],"relativePath":"classes/card.md","filePath":"classes/card.md"}'),p={name:"classes/card.md"},y=Object.assign(p,{setup(e){return(E,i)=>(n(),k("div",null,[i[6]||(i[6]=a('<h1 id="card" tabindex="-1">Card <a class="header-anchor" href="#card" aria-label="Permalink to “Card”">​</a></h1><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/card&#39;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The card is using a <code>&lt;div&gt;</code> or an <code>&lt;article&gt;</code> tag with the class <code>.card</code>.</p>',4)),l(t,null,{default:h(()=>[...i[0]||(i[0]=[s("div",{class:"card"},"Hello there !",-1)])]),_:1}),i[7]||(i[7]=a(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-12" id="tab-13" checked><label data-title="html" for="tab-13">html</label><input type="radio" name="group-12" id="tab-14"><label data-title="css properties" for="tab-14">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;card&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Hello there !&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-css"><button title="Copy Code" class="copy"></button><span class="lang">css</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--card-color</span></span>
+import{C as t}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as n,c as k,ai as a,J as l,w as h,j as s}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const o=JSON.parse('{"title":"Card","description":"","frontmatter":{},"headers":[],"relativePath":"classes/card.md","filePath":"classes/card.md"}'),p={name:"classes/card.md"},y=Object.assign(p,{setup(e){return(E,i)=>(n(),k("div",null,[i[6]||(i[6]=a('<h1 id="card" tabindex="-1">Card <a class="header-anchor" href="#card" aria-label="Permalink to “Card”">​</a></h1><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/card&#39;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The card is using a <code>&lt;div&gt;</code> or an <code>&lt;article&gt;</code> tag with the class <code>.card</code>.</p>',4)),l(t,null,{default:h(()=>[...i[0]||(i[0]=[s("div",{class:"card"},"Hello there !",-1)])]),_:1}),i[7]||(i[7]=a(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-12" id="tab-13" checked><label data-title="html" for="tab-13">html</label><input type="radio" name="group-12" id="tab-14"><label data-title="css properties" for="tab-14">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;card&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Hello there !&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-css"><button title="Copy Code" class="copy"></button><span class="lang">css</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--card-color</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--card-background</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--card-border-size</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--card-border-style</span></span>

package/public/assets/{classes_card.md.BZEh2l_B.lean.js → classes_card.md.BzNZEHe9.lean.js}

@@ -1 +1 @@
-import{C as t}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as n,c as k,ai as a,J as l,w as h,j as s}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const o=JSON.parse('{"title":"Card","description":"","frontmatter":{},"headers":[],"relativePath":"classes/card.md","filePath":"classes/card.md"}'),p={name:"classes/card.md"},y=Object.assign(p,{setup(e){return(E,i)=>(n(),k("div",null,[i[6]||(i[6]=a("",4)),l(t,null,{default:h(()=>[...i[0]||(i[0]=[s("div",{class:"card"},"Hello there !",-1)])]),_:1}),i[7]||(i[7]=a("",3)),l(t,null,{default:h(()=>[...i[1]||(i[1]=[s("article",{class:"card"},[s("header",null,"Header"),s("p",null,"Content"),s("footer",null,"Footer")],-1)])]),_:1}),i[8]||(i[8]=a("",3)),l(t,null,{default:h(()=>[...i[2]||(i[2]=[s("div",{class:"card"},[s("picture",{class:"flush"},[s("img",{src:"https://picsum.photos/400/200",srcset:"https://picsum.photos/800/400 2x",alt:"My random image from lorem picsum"})]),s("h3",null,"Title of the card"),s("p",null,"Content of the card")],-1)])]),_:1}),i[9]||(i[9]=a("",3)),l(t,null,{default:h(()=>[...i[3]||(i[3]=[s("div",{class:"card",style:{"--card-border-color":"#000"}},[s("h3",null,"Mycard"),s("p",null,"Content of the card"),s("div",{class:"group flush"},[s("button",null,"Button A"),s("button",null,"Button B")]),s("p",null,"Content of the card"),s("ul",{class:"list flush"},[s("li",null,"List D"),s("li",null,[s("a",null,"List E")]),s("li",null,[s("span",null,"List F"),s("button",null,"Button")]),s("li",null,[s("a",{href:"#",role:"button"},"List F")])])],-1)])]),_:1}),i[10]||(i[10]=a("",4)),l(t,null,{default:h(()=>[...i[4]||(i[4]=[s("div",{class:"card outline"},"Hello there !",-1)])]),_:1}),i[11]||(i[11]=a("",3)),l(t,null,{default:h(()=>[...i[5]||(i[5]=[s("div",{class:"card primary"},"Hello there !",-1),s("br",null,null,-1),s("div",{class:"card outline primary"},"Hello there !",-1)])]),_:1}),i[12]||(i[12]=a("",1))]))}});export{o as __pageData,y as default};
+import{C as t}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as n,c as k,ai as a,J as l,w as h,j as s}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const o=JSON.parse('{"title":"Card","description":"","frontmatter":{},"headers":[],"relativePath":"classes/card.md","filePath":"classes/card.md"}'),p={name:"classes/card.md"},y=Object.assign(p,{setup(e){return(E,i)=>(n(),k("div",null,[i[6]||(i[6]=a("",4)),l(t,null,{default:h(()=>[...i[0]||(i[0]=[s("div",{class:"card"},"Hello there !",-1)])]),_:1}),i[7]||(i[7]=a("",3)),l(t,null,{default:h(()=>[...i[1]||(i[1]=[s("article",{class:"card"},[s("header",null,"Header"),s("p",null,"Content"),s("footer",null,"Footer")],-1)])]),_:1}),i[8]||(i[8]=a("",3)),l(t,null,{default:h(()=>[...i[2]||(i[2]=[s("div",{class:"card"},[s("picture",{class:"flush"},[s("img",{src:"https://picsum.photos/400/200",srcset:"https://picsum.photos/800/400 2x",alt:"My random image from lorem picsum"})]),s("h3",null,"Title of the card"),s("p",null,"Content of the card")],-1)])]),_:1}),i[9]||(i[9]=a("",3)),l(t,null,{default:h(()=>[...i[3]||(i[3]=[s("div",{class:"card",style:{"--card-border-color":"#000"}},[s("h3",null,"Mycard"),s("p",null,"Content of the card"),s("div",{class:"group flush"},[s("button",null,"Button A"),s("button",null,"Button B")]),s("p",null,"Content of the card"),s("ul",{class:"list flush"},[s("li",null,"List D"),s("li",null,[s("a",null,"List E")]),s("li",null,[s("span",null,"List F"),s("button",null,"Button")]),s("li",null,[s("a",{href:"#",role:"button"},"List F")])])],-1)])]),_:1}),i[10]||(i[10]=a("",4)),l(t,null,{default:h(()=>[...i[4]||(i[4]=[s("div",{class:"card outline"},"Hello there !",-1)])]),_:1}),i[11]||(i[11]=a("",3)),l(t,null,{default:h(()=>[...i[5]||(i[5]=[s("div",{class:"card primary"},"Hello there !",-1),s("br",null,null,-1),s("div",{class:"card outline primary"},"Hello there !",-1)])]),_:1}),i[12]||(i[12]=a("",1))]))}});export{o as __pageData,y as default};

package/public/assets/{classes_dropdown.md.BLVw_xQY.js → classes_dropdown.md.CKZ2tv7T.js}

@@ -1,4 +1,4 @@
-import{C as h}from"./chunks/ComponentPreview.BW2s4ay5.js";import{I as p,o as e,c as d,j as s,a,J as n,ai as t,w as l}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const E={id:"dropdown",tabindex:"-1"},u=JSON.parse('{"title":"Dropdown","description":"","frontmatter":{},"headers":[],"relativePath":"classes/dropdown.md","filePath":"classes/dropdown.md"}'),r={name:"classes/dropdown.md"},b=Object.assign(r,{setup(o){return(g,i)=>{const k=p("Badge");return e(),d("div",null,[s("h1",E,[i[0]||(i[0]=a("Dropdown ",-1)),n(k,{type:"warning",text:"JS"}),i[1]||(i[1]=a()),i[2]||(i[2]=s("a",{class:"header-anchor",href:"#dropdown","aria-label":"Permalink to “Dropdown”"},"​",-1))]),i[5]||(i[5]=t('<p>This is the old version, if modern browser check the [/components/popover](Popover component)</p><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/dropdown&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The dropdown is using a <code>&lt;div&gt;</code> tag with the class <code>.dropdown-js</code>. Inside of the element you must add a <code>&lt;button&gt;</code> and another <code>&lt;div&gt;</code> or an <code>&lt;ul/ol&gt;</code> tag.</p>',4)),n(h,{height:"200px"},{default:l(()=>[...i[3]||(i[3]=[s("div",{class:"dropdown-js"},[s("button",{"aria-controls":"myDropdown","aria-expanded":"false","aria-pressed":"false"},[a(" Dropdown "),s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16"},[s("path",{"fill-rule":"evenodd",d:"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"})])]),s("ul",{id:"myDropdown",tabindex:"0",hidden:""},[s("li",null,[s("a",{href:"#"},"Subitem")]),s("li",null,[s("a",{href:"#"},"Subitem")]),s("li",null,[s("a",{href:"#"},"Subitem")])])],-1)])]),_:1}),i[6]||(i[6]=t(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-15" id="tab-16" checked><label data-title="html" for="tab-16">html</label><input type="radio" name="group-15" id="tab-17"><label data-title="css properties" for="tab-17">css properties</label><input type="radio" name="group-15" id="tab-18"><label data-title="js" for="tab-18">js</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;dropdown-js&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{C as h}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{I as p,o as e,c as d,j as s,a,J as n,ai as t,w as l}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const E={id:"dropdown",tabindex:"-1"},u=JSON.parse('{"title":"Dropdown","description":"","frontmatter":{},"headers":[],"relativePath":"classes/dropdown.md","filePath":"classes/dropdown.md"}'),r={name:"classes/dropdown.md"},b=Object.assign(r,{setup(o){return(g,i)=>{const k=p("Badge");return e(),d("div",null,[s("h1",E,[i[0]||(i[0]=a("Dropdown ",-1)),n(k,{type:"warning",text:"JS"}),i[1]||(i[1]=a()),i[2]||(i[2]=s("a",{class:"header-anchor",href:"#dropdown","aria-label":"Permalink to “Dropdown”"},"​",-1))]),i[5]||(i[5]=t('<p>This is the old version, if modern browser check the [/components/popover](Popover component)</p><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/dropdown&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The dropdown is using a <code>&lt;div&gt;</code> tag with the class <code>.dropdown-js</code>. Inside of the element you must add a <code>&lt;button&gt;</code> and another <code>&lt;div&gt;</code> or an <code>&lt;ul/ol&gt;</code> tag.</p>',4)),n(h,{height:"200px"},{default:l(()=>[...i[3]||(i[3]=[s("div",{class:"dropdown-js"},[s("button",{"aria-controls":"myDropdown","aria-expanded":"false","aria-pressed":"false"},[a(" Dropdown "),s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16"},[s("path",{"fill-rule":"evenodd",d:"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"})])]),s("ul",{id:"myDropdown",tabindex:"0",hidden:""},[s("li",null,[s("a",{href:"#"},"Subitem")]),s("li",null,[s("a",{href:"#"},"Subitem")]),s("li",null,[s("a",{href:"#"},"Subitem")])])],-1)])]),_:1}),i[6]||(i[6]=t(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-15" id="tab-16" checked><label data-title="html" for="tab-16">html</label><input type="radio" name="group-15" id="tab-17"><label data-title="css properties" for="tab-17">css properties</label><input type="radio" name="group-15" id="tab-18"><label data-title="js" for="tab-18">js</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;dropdown-js&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> aria-controls</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;myDropdown&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> aria-expanded</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> aria-pressed</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        Dropdown</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">svg</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> xmlns</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;http://www.w3.org/2000/svg&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> width</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;16&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> height</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;16&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fill</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;currentColor&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> viewBox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0 0 16 16&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">path</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fill-rule</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;evenodd&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> d</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">path</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">svg</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>

package/public/assets/{classes_dropdown.md.BLVw_xQY.lean.js → classes_dropdown.md.CKZ2tv7T.lean.js}

@@ -1 +1 @@
-import{C as h}from"./chunks/ComponentPreview.BW2s4ay5.js";import{I as p,o as e,c as d,j as s,a,J as n,ai as t,w as l}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const E={id:"dropdown",tabindex:"-1"},u=JSON.parse('{"title":"Dropdown","description":"","frontmatter":{},"headers":[],"relativePath":"classes/dropdown.md","filePath":"classes/dropdown.md"}'),r={name:"classes/dropdown.md"},b=Object.assign(r,{setup(o){return(g,i)=>{const k=p("Badge");return e(),d("div",null,[s("h1",E,[i[0]||(i[0]=a("Dropdown ",-1)),n(k,{type:"warning",text:"JS"}),i[1]||(i[1]=a()),i[2]||(i[2]=s("a",{class:"header-anchor",href:"#dropdown","aria-label":"Permalink to “Dropdown”"},"​",-1))]),i[5]||(i[5]=t("",4)),n(h,{height:"200px"},{default:l(()=>[...i[3]||(i[3]=[s("div",{class:"dropdown-js"},[s("button",{"aria-controls":"myDropdown","aria-expanded":"false","aria-pressed":"false"},[a(" Dropdown "),s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16"},[s("path",{"fill-rule":"evenodd",d:"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"})])]),s("ul",{id:"myDropdown",tabindex:"0",hidden:""},[s("li",null,[s("a",{href:"#"},"Subitem")]),s("li",null,[s("a",{href:"#"},"Subitem")]),s("li",null,[s("a",{href:"#"},"Subitem")])])],-1)])]),_:1}),i[6]||(i[6]=t("",5)),n(h,{height:"200px"},{default:l(()=>[...i[4]||(i[4]=[s("div",{class:"group"},[s("div",{class:"dropdown-js"},[s("button",{"aria-controls":"myDropdownA","aria-expanded":"false","aria-pressed":"false"}," Dropdown A "),s("div",{id:"myDropdownA",tabindex:"0",hidden:""},[s("p",null,"AAA")])]),s("div",{class:"dropdown-js"},[s("button",{"aria-controls":"myDropdownB","aria-expanded":"false","aria-pressed":"false"}," Dropdown B "),s("div",{id:"myDropdownB",tabindex:"0",hidden:""},[s("p",null,"BBB")])]),s("div",{class:"dropdown-js"},[s("button",{"aria-controls":"myDropdownC","aria-expanded":"false","aria-pressed":"false"}," Dropdown C "),s("div",{id:"myDropdownC",tabindex:"0",hidden:""},[s("p",null,"CCC")])])],-1)])]),_:1}),i[7]||(i[7]=t("",7))])}}});export{u as __pageData,b as default};
+import{C as h}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{I as p,o as e,c as d,j as s,a,J as n,ai as t,w as l}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const E={id:"dropdown",tabindex:"-1"},u=JSON.parse('{"title":"Dropdown","description":"","frontmatter":{},"headers":[],"relativePath":"classes/dropdown.md","filePath":"classes/dropdown.md"}'),r={name:"classes/dropdown.md"},b=Object.assign(r,{setup(o){return(g,i)=>{const k=p("Badge");return e(),d("div",null,[s("h1",E,[i[0]||(i[0]=a("Dropdown ",-1)),n(k,{type:"warning",text:"JS"}),i[1]||(i[1]=a()),i[2]||(i[2]=s("a",{class:"header-anchor",href:"#dropdown","aria-label":"Permalink to “Dropdown”"},"​",-1))]),i[5]||(i[5]=t("",4)),n(h,{height:"200px"},{default:l(()=>[...i[3]||(i[3]=[s("div",{class:"dropdown-js"},[s("button",{"aria-controls":"myDropdown","aria-expanded":"false","aria-pressed":"false"},[a(" Dropdown "),s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16"},[s("path",{"fill-rule":"evenodd",d:"M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"})])]),s("ul",{id:"myDropdown",tabindex:"0",hidden:""},[s("li",null,[s("a",{href:"#"},"Subitem")]),s("li",null,[s("a",{href:"#"},"Subitem")]),s("li",null,[s("a",{href:"#"},"Subitem")])])],-1)])]),_:1}),i[6]||(i[6]=t("",5)),n(h,{height:"200px"},{default:l(()=>[...i[4]||(i[4]=[s("div",{class:"group"},[s("div",{class:"dropdown-js"},[s("button",{"aria-controls":"myDropdownA","aria-expanded":"false","aria-pressed":"false"}," Dropdown A "),s("div",{id:"myDropdownA",tabindex:"0",hidden:""},[s("p",null,"AAA")])]),s("div",{class:"dropdown-js"},[s("button",{"aria-controls":"myDropdownB","aria-expanded":"false","aria-pressed":"false"}," Dropdown B "),s("div",{id:"myDropdownB",tabindex:"0",hidden:""},[s("p",null,"BBB")])]),s("div",{class:"dropdown-js"},[s("button",{"aria-controls":"myDropdownC","aria-expanded":"false","aria-pressed":"false"}," Dropdown C "),s("div",{id:"myDropdownC",tabindex:"0",hidden:""},[s("p",null,"CCC")])])],-1)])]),_:1}),i[7]||(i[7]=t("",7))])}}});export{u as __pageData,b as default};

package/public/assets/{classes_grid.md.47v-Ybqe.js → classes_grid.md.CKCvlWAg.js}

@@ -1,4 +1,4 @@
-import{C as a}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as h,c as e,ai as l,J as t,w as n,j as s}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const o=JSON.parse('{"title":"Grid","description":"","frontmatter":{},"headers":[],"relativePath":"classes/grid.md","filePath":"classes/grid.md"}'),k={name:"classes/grid.md"},y=Object.assign(k,{setup(p){return(d,i)=>(h(),e("div",null,[i[8]||(i[8]=l('<h1 id="grid" tabindex="-1">Grid <a class="header-anchor" href="#grid" aria-label="Permalink to “Grid”">​</a></h1><p>A simple way to create some grids into your layout.</p><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/grid&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>There is two types of grid, the basic and the flexible. USe what is best for your design !</p><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><h3 id="grid-1" tabindex="-1">Grid <a class="header-anchor" href="#grid-1" aria-label="Permalink to “Grid”">​</a></h3><p>You can create a basic grid via the <code>.grid</code> class.</p>',7)),t(a,null,{default:n(()=>[...i[0]||(i[0]=[s("div",{class:"grid",style:{"--grid-columns":"8"}},[s("div",null,"1"),s("div",null,"2"),s("div",null,"3"),s("div",null,"4"),s("div",null,"5"),s("div",null,"6"),s("div",null,"7"),s("div",null,"8"),s("div",null,"9"),s("div",null,"10"),s("div",null,"11"),s("div",null,"12")],-1)])]),_:1}),i[9]||(i[9]=l(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-21" id="tab-22" checked><label data-title="html" for="tab-22">html</label><input type="radio" name="group-21" id="tab-23"><label data-title="css properties" for="tab-23">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;grid&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;--grid-columns:8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{C as a}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as h,c as e,ai as l,J as t,w as n,j as s}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const o=JSON.parse('{"title":"Grid","description":"","frontmatter":{},"headers":[],"relativePath":"classes/grid.md","filePath":"classes/grid.md"}'),k={name:"classes/grid.md"},y=Object.assign(k,{setup(p){return(d,i)=>(h(),e("div",null,[i[8]||(i[8]=l('<h1 id="grid" tabindex="-1">Grid <a class="header-anchor" href="#grid" aria-label="Permalink to “Grid”">​</a></h1><p>A simple way to create some grids into your layout.</p><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/grid&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>There is two types of grid, the basic and the flexible. USe what is best for your design !</p><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><h3 id="grid-1" tabindex="-1">Grid <a class="header-anchor" href="#grid-1" aria-label="Permalink to “Grid”">​</a></h3><p>You can create a basic grid via the <code>.grid</code> class.</p>',7)),t(a,null,{default:n(()=>[...i[0]||(i[0]=[s("div",{class:"grid",style:{"--grid-columns":"8"}},[s("div",null,"1"),s("div",null,"2"),s("div",null,"3"),s("div",null,"4"),s("div",null,"5"),s("div",null,"6"),s("div",null,"7"),s("div",null,"8"),s("div",null,"9"),s("div",null,"10"),s("div",null,"11"),s("div",null,"12")],-1)])]),_:1}),i[9]||(i[9]=l(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-21" id="tab-22" checked><label data-title="html" for="tab-22">html</label><input type="radio" name="group-21" id="tab-23"><label data-title="css properties" for="tab-23">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;grid&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;--grid-columns:8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Col 1&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Col 2&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Col 3&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>

package/public/assets/{classes_grid.md.47v-Ybqe.lean.js → classes_grid.md.CKCvlWAg.lean.js}

@@ -1 +1 @@
-import{C as a}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as h,c as e,ai as l,J as t,w as n,j as s}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const o=JSON.parse('{"title":"Grid","description":"","frontmatter":{},"headers":[],"relativePath":"classes/grid.md","filePath":"classes/grid.md"}'),k={name:"classes/grid.md"},y=Object.assign(k,{setup(p){return(d,i)=>(h(),e("div",null,[i[8]||(i[8]=l("",7)),t(a,null,{default:n(()=>[...i[0]||(i[0]=[s("div",{class:"grid",style:{"--grid-columns":"8"}},[s("div",null,"1"),s("div",null,"2"),s("div",null,"3"),s("div",null,"4"),s("div",null,"5"),s("div",null,"6"),s("div",null,"7"),s("div",null,"8"),s("div",null,"9"),s("div",null,"10"),s("div",null,"11"),s("div",null,"12")],-1)])]),_:1}),i[9]||(i[9]=l("",3)),t(a,null,{default:n(()=>[...i[1]||(i[1]=[s("div",{class:"flex-grid",style:{"--grid-columns":"8","--grid-grow":"0"}},[s("div",null,"1"),s("div",null,"2"),s("div",null,"3"),s("div",null,"4"),s("div",null,"5"),s("div",null,"6"),s("div",null,"7"),s("div",null,"8"),s("div",null,"9"),s("div",null,"10"),s("div",null,"11"),s("div",null,"12")],-1)])]),_:1}),i[10]||(i[10]=l("",4)),t(a,null,{default:n(()=>[...i[2]||(i[2]=[s("div",{class:"grid",style:{"--grid-columns":"6","--grid-min-column-size":"120px"}},[s("div",null,"1"),s("div",null,"2"),s("div",null,"3"),s("div",null,"4"),s("div",null,"5"),s("div",null,"6"),s("div",null,"7"),s("div",null,"8")],-1)])]),_:1}),i[11]||(i[11]=s("p",null,"Same thing for the Flex grid:",-1)),t(a,null,{default:n(()=>[...i[3]||(i[3]=[s("div",{class:"flex-grid",style:{"--grid-columns":"6","--grid-min-column-size":"120px"}},[s("div",null,"1"),s("div",null,"2"),s("div",null,"3"),s("div",null,"4"),s("div",null,"5"),s("div",null,"6"),s("div",null,"7"),s("div",null,"8")],-1)])]),_:1}),i[12]||(i[12]=l("",3)),t(a,null,{default:n(()=>[...i[4]||(i[4]=[s("div",{class:"grid",style:{"--grid-min-columns":"4"}},[s("div",null,"Grid 1"),s("div",null,"Grid 2"),s("div",{style:{"grid-column-start":"4","grid-column-end":"5"}},"Offset")],-1)])]),_:1}),i[13]||(i[13]=l("",2)),t(a,null,{default:n(()=>[...i[5]||(i[5]=[s("div",{class:"flex-grid",style:{"--grid-columns":"4"}},[s("div",null,"Flex 1"),s("div",null,"Flex 2"),s("div",{id:"flexGridDemoOffset"},"Offset")],-1)])]),_:1}),i[14]||(i[14]=l("",3)),t(a,null,{default:n(()=>[...i[6]||(i[6]=[s("div",{class:"grid",style:{"--grid-columns":"4"}},[s("div",null,"Grid 1"),s("div",null,"Grid 2"),s("div",{style:{"grid-column-start":"3","grid-column-end":"5"}},"Wider")],-1)])]),_:1}),i[15]||(i[15]=l("",2)),t(a,null,{default:n(()=>[...i[7]||(i[7]=[s("div",{class:"flex-grid",style:{"--grid-columns":"4"}},[s("div",null,"Flex 1"),s("div",null,"Flex 2"),s("div",{id:"flexGridDemoWider"},"Wider")],-1)])]),_:1}),i[16]||(i[16]=l("",1))]))}});export{o as __pageData,y as default};
+import{C as a}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as h,c as e,ai as l,J as t,w as n,j as s}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const o=JSON.parse('{"title":"Grid","description":"","frontmatter":{},"headers":[],"relativePath":"classes/grid.md","filePath":"classes/grid.md"}'),k={name:"classes/grid.md"},y=Object.assign(k,{setup(p){return(d,i)=>(h(),e("div",null,[i[8]||(i[8]=l("",7)),t(a,null,{default:n(()=>[...i[0]||(i[0]=[s("div",{class:"grid",style:{"--grid-columns":"8"}},[s("div",null,"1"),s("div",null,"2"),s("div",null,"3"),s("div",null,"4"),s("div",null,"5"),s("div",null,"6"),s("div",null,"7"),s("div",null,"8"),s("div",null,"9"),s("div",null,"10"),s("div",null,"11"),s("div",null,"12")],-1)])]),_:1}),i[9]||(i[9]=l("",3)),t(a,null,{default:n(()=>[...i[1]||(i[1]=[s("div",{class:"flex-grid",style:{"--grid-columns":"8","--grid-grow":"0"}},[s("div",null,"1"),s("div",null,"2"),s("div",null,"3"),s("div",null,"4"),s("div",null,"5"),s("div",null,"6"),s("div",null,"7"),s("div",null,"8"),s("div",null,"9"),s("div",null,"10"),s("div",null,"11"),s("div",null,"12")],-1)])]),_:1}),i[10]||(i[10]=l("",4)),t(a,null,{default:n(()=>[...i[2]||(i[2]=[s("div",{class:"grid",style:{"--grid-columns":"6","--grid-min-column-size":"120px"}},[s("div",null,"1"),s("div",null,"2"),s("div",null,"3"),s("div",null,"4"),s("div",null,"5"),s("div",null,"6"),s("div",null,"7"),s("div",null,"8")],-1)])]),_:1}),i[11]||(i[11]=s("p",null,"Same thing for the Flex grid:",-1)),t(a,null,{default:n(()=>[...i[3]||(i[3]=[s("div",{class:"flex-grid",style:{"--grid-columns":"6","--grid-min-column-size":"120px"}},[s("div",null,"1"),s("div",null,"2"),s("div",null,"3"),s("div",null,"4"),s("div",null,"5"),s("div",null,"6"),s("div",null,"7"),s("div",null,"8")],-1)])]),_:1}),i[12]||(i[12]=l("",3)),t(a,null,{default:n(()=>[...i[4]||(i[4]=[s("div",{class:"grid",style:{"--grid-min-columns":"4"}},[s("div",null,"Grid 1"),s("div",null,"Grid 2"),s("div",{style:{"grid-column-start":"4","grid-column-end":"5"}},"Offset")],-1)])]),_:1}),i[13]||(i[13]=l("",2)),t(a,null,{default:n(()=>[...i[5]||(i[5]=[s("div",{class:"flex-grid",style:{"--grid-columns":"4"}},[s("div",null,"Flex 1"),s("div",null,"Flex 2"),s("div",{id:"flexGridDemoOffset"},"Offset")],-1)])]),_:1}),i[14]||(i[14]=l("",3)),t(a,null,{default:n(()=>[...i[6]||(i[6]=[s("div",{class:"grid",style:{"--grid-columns":"4"}},[s("div",null,"Grid 1"),s("div",null,"Grid 2"),s("div",{style:{"grid-column-start":"3","grid-column-end":"5"}},"Wider")],-1)])]),_:1}),i[15]||(i[15]=l("",2)),t(a,null,{default:n(()=>[...i[7]||(i[7]=[s("div",{class:"flex-grid",style:{"--grid-columns":"4"}},[s("div",null,"Flex 1"),s("div",null,"Flex 2"),s("div",{id:"flexGridDemoWider"},"Wider")],-1)])]),_:1}),i[16]||(i[16]=l("",1))]))}});export{o as __pageData,y as default};

package/public/assets/{classes_list.md.BW9PWZV1.js → classes_list.md.CjyB8PFK.js}

@@ -1,4 +1,4 @@
-import{C as t}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as h,c as k,ai as a,J as l,w as n,j as s,a as p}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const y=JSON.parse('{"title":"List","description":"","frontmatter":{},"headers":[],"relativePath":"classes/list.md","filePath":"classes/list.md"}'),e={name:"classes/list.md"},c=Object.assign(e,{setup(E){return(d,i)=>(h(),k("div",null,[i[2]||(i[2]=a('<h1 id="list" tabindex="-1">List <a class="header-anchor" href="#list" aria-label="Permalink to “List”">​</a></h1><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/list&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The list is using the native <code>&lt;ul&gt;</code>, <code>&lt;ol&gt;</code> or <code>&lt;div&gt;</code> tag with the class <code>.list</code>.</p>',4)),l(t,null,{default:n(()=>[...i[0]||(i[0]=[s("ul",{class:"list"},[s("li",null,"List A"),s("li",null,"List B"),s("li",null,[s("a",{href:"#"},"List C")]),s("li",null,"List D"),s("li",null,[s("span",null,"List E"),p(),s("button",null,"button")])],-1)])]),_:1}),i[3]||(i[3]=a(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-12" id="tab-13" checked><label data-title="html" for="tab-13">html</label><input type="radio" name="group-12" id="tab-14"><label data-title="css properties" for="tab-14">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ul</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;list&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{C as t}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as h,c as k,ai as a,J as l,w as n,j as s,a as p}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const y=JSON.parse('{"title":"List","description":"","frontmatter":{},"headers":[],"relativePath":"classes/list.md","filePath":"classes/list.md"}'),e={name:"classes/list.md"},c=Object.assign(e,{setup(E){return(d,i)=>(h(),k("div",null,[i[2]||(i[2]=a('<h1 id="list" tabindex="-1">List <a class="header-anchor" href="#list" aria-label="Permalink to “List”">​</a></h1><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/list&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The list is using the native <code>&lt;ul&gt;</code>, <code>&lt;ol&gt;</code> or <code>&lt;div&gt;</code> tag with the class <code>.list</code>.</p>',4)),l(t,null,{default:n(()=>[...i[0]||(i[0]=[s("ul",{class:"list"},[s("li",null,"List A"),s("li",null,"List B"),s("li",null,[s("a",{href:"#"},"List C")]),s("li",null,"List D"),s("li",null,[s("span",null,"List E"),p(),s("button",null,"button")])],-1)])]),_:1}),i[3]||(i[3]=a(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-12" id="tab-13" checked><label data-title="html" for="tab-13">html</label><input type="radio" name="group-12" id="tab-14"><label data-title="css properties" for="tab-14">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ul</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;list&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">li</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;List A&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">li</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">li</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;List B&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">li</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">li</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> href</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;List C&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">li</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>

package/public/assets/{classes_list.md.BW9PWZV1.lean.js → classes_list.md.CjyB8PFK.lean.js}

@@ -1 +1 @@
-import{C as t}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as h,c as k,ai as a,J as l,w as n,j as s,a as p}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const y=JSON.parse('{"title":"List","description":"","frontmatter":{},"headers":[],"relativePath":"classes/list.md","filePath":"classes/list.md"}'),e={name:"classes/list.md"},c=Object.assign(e,{setup(E){return(d,i)=>(h(),k("div",null,[i[2]||(i[2]=a("",4)),l(t,null,{default:n(()=>[...i[0]||(i[0]=[s("ul",{class:"list"},[s("li",null,"List A"),s("li",null,"List B"),s("li",null,[s("a",{href:"#"},"List C")]),s("li",null,"List D"),s("li",null,[s("span",null,"List E"),p(),s("button",null,"button")])],-1)])]),_:1}),i[3]||(i[3]=a("",2)),l(t,null,{default:n(()=>[...i[1]||(i[1]=[s("ul",{class:"list"},[s("li",null,[s("button",null,"List A")]),s("li",null,[s("button",{disabled:""},"List B")]),s("li",null,"List C"),s("li",null,[s("a",{role:"button",href:"#"},"List D")]),s("li",null,[s("a",{role:"button"},"List E")])],-1)])]),_:1}),i[4]||(i[4]=a("",1))]))}});export{y as __pageData,c as default};
+import{C as t}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as h,c as k,ai as a,J as l,w as n,j as s,a as p}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const y=JSON.parse('{"title":"List","description":"","frontmatter":{},"headers":[],"relativePath":"classes/list.md","filePath":"classes/list.md"}'),e={name:"classes/list.md"},c=Object.assign(e,{setup(E){return(d,i)=>(h(),k("div",null,[i[2]||(i[2]=a("",4)),l(t,null,{default:n(()=>[...i[0]||(i[0]=[s("ul",{class:"list"},[s("li",null,"List A"),s("li",null,"List B"),s("li",null,[s("a",{href:"#"},"List C")]),s("li",null,"List D"),s("li",null,[s("span",null,"List E"),p(),s("button",null,"button")])],-1)])]),_:1}),i[3]||(i[3]=a("",2)),l(t,null,{default:n(()=>[...i[1]||(i[1]=[s("ul",{class:"list"},[s("li",null,[s("button",null,"List A")]),s("li",null,[s("button",{disabled:""},"List B")]),s("li",null,"List C"),s("li",null,[s("a",{role:"button",href:"#"},"List D")]),s("li",null,[s("a",{role:"button"},"List E")])],-1)])]),_:1}),i[4]||(i[4]=a("",1))]))}});export{y as __pageData,c as default};

package/public/assets/{components_button.md.vx3HzdpN.js → components_button.md.CX41PJBd.js}

@@ -1,4 +1,4 @@
-import{C as l}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as e,c as k,ai as t,J as n,w as h,j as i,a}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"components/button.md","filePath":"components/button.md"}'),p={name:"components/button.md"},c=Object.assign(p,{setup(d){return(r,s)=>(e(),k("div",null,[s[9]||(s[9]=t('<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to “Button”">​</a></h1><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/button&#39;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The button is using the native <code>&lt;button&gt;</code> tag, or an <code>&lt;a&gt;</code> tag with the attribute <code>role=&quot;button&quot;</code>.</p>',4)),n(l,null,{default:h(()=>[...s[0]||(s[0]=[i("button",null,"Button",-1),a("  ",-1),i("a",{href:"#",role:"button"},"Link as button",-1)])]),_:1}),s[10]||(s[10]=t(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-12" id="tab-13" checked><label data-title="html" for="tab-13">html</label><input type="radio" name="group-12" id="tab-14"><label data-title="css properties" for="tab-14">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{C as l}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as e,c as k,ai as t,J as n,w as h,j as i,a}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"components/button.md","filePath":"components/button.md"}'),p={name:"components/button.md"},c=Object.assign(p,{setup(d){return(r,s)=>(e(),k("div",null,[s[9]||(s[9]=t('<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to “Button”">​</a></h1><div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/button&#39;</span></span></code></pre></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The button is using the native <code>&lt;button&gt;</code> tag, or an <code>&lt;a&gt;</code> tag with the attribute <code>role=&quot;button&quot;</code>.</p>',4)),n(l,null,{default:h(()=>[...s[0]||(s[0]=[i("button",null,"Button",-1),a("  ",-1),i("a",{href:"#",role:"button"},"Link as button",-1)])]),_:1}),s[10]||(s[10]=t(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-12" id="tab-13" checked><label data-title="html" for="tab-13">html</label><input type="radio" name="group-12" id="tab-14"><label data-title="css properties" for="tab-14">css properties</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> href</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> role</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;button&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Link as button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-css"><button title="Copy Code" class="copy"></button><span class="lang">css</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--button-color</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--button-background</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">--button-border-size</span></span>

package/public/assets/{components_button.md.vx3HzdpN.lean.js → components_button.md.CX41PJBd.lean.js}

@@ -1 +1 @@
-import{C as l}from"./chunks/ComponentPreview.BW2s4ay5.js";import{o as e,c as k,ai as t,J as n,w as h,j as i,a}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"components/button.md","filePath":"components/button.md"}'),p={name:"components/button.md"},c=Object.assign(p,{setup(d){return(r,s)=>(e(),k("div",null,[s[9]||(s[9]=t("",4)),n(l,null,{default:h(()=>[...s[0]||(s[0]=[i("button",null,"Button",-1),a("  ",-1),i("a",{href:"#",role:"button"},"Link as button",-1)])]),_:1}),s[10]||(s[10]=t("",13)),n(l,null,{default:h(()=>[...s[1]||(s[1]=[i("button",{"aria-pressed":"true"},"Button pressed",-1),a("  ",-1),i("button",{"aria-selected":"true"},"Button selected",-1),a("  ",-1),i("a",{href:"#",role:"button","aria-current":"true"},"Link as button with current",-1)])]),_:1}),s[11]||(s[11]=t("",3)),n(l,null,{default:h(()=>[...s[2]||(s[2]=[i("button",{disabled:""},"Button disabled",-1),a("  ",-1),i("a",{role:"button"},"Link as button disabled",-1)])]),_:1}),s[12]||(s[12]=t("",5)),n(l,null,{default:h(()=>[...s[3]||(s[3]=[i("button",{role:"link"},"As link",-1),a("  ",-1),i("button",{role:"link",disabled:""},"As disabled link",-1)])]),_:1}),s[13]||(s[13]=t("",3)),n(l,null,{default:h(()=>[...s[4]||(s[4]=[i("button",null,[i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16"},[i("path",{d:"M8 8c.828 0 1.5-.895 1.5-2S8.828 4 8 4s-1.5.895-1.5 2S7.172 8 8 8Z"}),i("path",{d:"M11.953 8.81c-.195-3.388-.968-5.507-1.777-6.819C9.707 1.233 9.23.751 8.857.454a3.495 3.495 0 0 0-.463-.315A2.19 2.19 0 0 0 8.25.064.546.546 0 0 0 8 0a.549.549 0 0 0-.266.073 2.312 2.312 0 0 0-.142.08 3.67 3.67 0 0 0-.459.33c-.37.308-.844.803-1.31 1.57-.805 1.322-1.577 3.433-1.774 6.756l-1.497 1.826-.004.005A2.5 2.5 0 0 0 2 12.202V15.5a.5.5 0 0 0 .9.3l1.125-1.5c.166-.222.42-.4.752-.57.214-.108.414-.192.625-.281l.198-.084c.7.428 1.55.635 2.4.635.85 0 1.7-.207 2.4-.635.067.03.132.056.196.083.213.09.413.174.627.282.332.17.586.348.752.57l1.125 1.5a.5.5 0 0 0 .9-.3v-3.298a2.5 2.5 0 0 0-.548-1.562l-1.499-1.83ZM12 10.445v.055c0 .866-.284 1.585-.75 2.14.146.064.292.13.425.199.39.197.8.46 1.1.86L13 14v-1.798a1.5 1.5 0 0 0-.327-.935L12 10.445ZM4.75 12.64C4.284 12.085 4 11.366 4 10.5v-.054l-.673.82a1.5 1.5 0 0 0-.327.936V14l.225-.3c.3-.4.71-.664 1.1-.861.133-.068.279-.135.425-.199ZM8.009 1.073c.063.04.14.094.226.163.284.226.683.621 1.09 1.28C10.137 3.836 11 6.237 11 10.5c0 .858-.374 1.48-.943 1.893C9.517 12.786 8.781 13 8 13c-.781 0-1.517-.214-2.057-.607C5.373 11.979 5 11.358 5 10.5c0-4.182.86-6.586 1.677-7.928.409-.67.81-1.082 1.096-1.32.09-.076.17-.135.236-.18Z"}),i("path",{d:"M9.479 14.361c-.48.093-.98.139-1.479.139-.5 0-.999-.046-1.479-.139L7.6 15.8a.5.5 0 0 0 .8 0l1.079-1.439Z"})]),a(" Button ")],-1)])]),_:1}),s[14]||(s[14]=t("",3)),n(l,null,{default:h(()=>[...s[5]||(s[5]=[i("button",{style:{"font-size":"var(--font-size-small)"}},"Small",-1),a("  ",-1),i("button",null,"Normal",-1),a("  ",-1),i("button",{style:{"font-size":"var(--font-size-large)"}},"Large",-1)])]),_:1}),s[15]||(s[15]=t("",3)),n(l,null,{default:h(()=>[...s[6]||(s[6]=[i("button",{class:"outline"},"Button",-1),a("  ",-1),i("button",{class:"outline",disabled:""},"Disabled",-1),a("  ",-1),i("button",{class:"outline","aria-pressed":"true"},"Active",-1)])]),_:1}),s[16]||(s[16]=t("",3)),n(l,null,{default:h(()=>[...s[7]||(s[7]=[i("button",{class:"primary"},"Primary",-1),a("  ",-1),i("button",{class:"primary",disabled:""},"Disabled",-1),a("  ",-1),i("button",{class:"primary","aria-pressed":"true"},"Active",-1),a("  ",-1),i("button",{class:"primary outline"},"Primary",-1),a("  ",-1),i("button",{class:"primary outline",disabled:""},"Disabled",-1),a("  ",-1),i("button",{class:"primary outline","aria-pressed":"true"},"Active",-1)])]),_:1}),s[17]||(s[17]=t("",3)),n(l,null,{default:h(()=>[...s[8]||(s[8]=[i("div",{class:"group"},[i("button",{class:"outline"},"Button A"),i("button",{class:"outline"},"Button B"),i("button",{class:"outline"},"Button C")],-1)])]),_:1}),s[18]||(s[18]=t("",1))]))}});export{u as __pageData,c as default};
+import{C as l}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{o as e,c as k,ai as t,J as n,w as h,j as i,a}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const u=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"components/button.md","filePath":"components/button.md"}'),p={name:"components/button.md"},c=Object.assign(p,{setup(d){return(r,s)=>(e(),k("div",null,[s[9]||(s[9]=t("",4)),n(l,null,{default:h(()=>[...s[0]||(s[0]=[i("button",null,"Button",-1),a("  ",-1),i("a",{href:"#",role:"button"},"Link as button",-1)])]),_:1}),s[10]||(s[10]=t("",13)),n(l,null,{default:h(()=>[...s[1]||(s[1]=[i("button",{"aria-pressed":"true"},"Button pressed",-1),a("  ",-1),i("button",{"aria-selected":"true"},"Button selected",-1),a("  ",-1),i("a",{href:"#",role:"button","aria-current":"true"},"Link as button with current",-1)])]),_:1}),s[11]||(s[11]=t("",3)),n(l,null,{default:h(()=>[...s[2]||(s[2]=[i("button",{disabled:""},"Button disabled",-1),a("  ",-1),i("a",{role:"button"},"Link as button disabled",-1)])]),_:1}),s[12]||(s[12]=t("",5)),n(l,null,{default:h(()=>[...s[3]||(s[3]=[i("button",{role:"link"},"As link",-1),a("  ",-1),i("button",{role:"link",disabled:""},"As disabled link",-1)])]),_:1}),s[13]||(s[13]=t("",3)),n(l,null,{default:h(()=>[...s[4]||(s[4]=[i("button",null,[i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16"},[i("path",{d:"M8 8c.828 0 1.5-.895 1.5-2S8.828 4 8 4s-1.5.895-1.5 2S7.172 8 8 8Z"}),i("path",{d:"M11.953 8.81c-.195-3.388-.968-5.507-1.777-6.819C9.707 1.233 9.23.751 8.857.454a3.495 3.495 0 0 0-.463-.315A2.19 2.19 0 0 0 8.25.064.546.546 0 0 0 8 0a.549.549 0 0 0-.266.073 2.312 2.312 0 0 0-.142.08 3.67 3.67 0 0 0-.459.33c-.37.308-.844.803-1.31 1.57-.805 1.322-1.577 3.433-1.774 6.756l-1.497 1.826-.004.005A2.5 2.5 0 0 0 2 12.202V15.5a.5.5 0 0 0 .9.3l1.125-1.5c.166-.222.42-.4.752-.57.214-.108.414-.192.625-.281l.198-.084c.7.428 1.55.635 2.4.635.85 0 1.7-.207 2.4-.635.067.03.132.056.196.083.213.09.413.174.627.282.332.17.586.348.752.57l1.125 1.5a.5.5 0 0 0 .9-.3v-3.298a2.5 2.5 0 0 0-.548-1.562l-1.499-1.83ZM12 10.445v.055c0 .866-.284 1.585-.75 2.14.146.064.292.13.425.199.39.197.8.46 1.1.86L13 14v-1.798a1.5 1.5 0 0 0-.327-.935L12 10.445ZM4.75 12.64C4.284 12.085 4 11.366 4 10.5v-.054l-.673.82a1.5 1.5 0 0 0-.327.936V14l.225-.3c.3-.4.71-.664 1.1-.861.133-.068.279-.135.425-.199ZM8.009 1.073c.063.04.14.094.226.163.284.226.683.621 1.09 1.28C10.137 3.836 11 6.237 11 10.5c0 .858-.374 1.48-.943 1.893C9.517 12.786 8.781 13 8 13c-.781 0-1.517-.214-2.057-.607C5.373 11.979 5 11.358 5 10.5c0-4.182.86-6.586 1.677-7.928.409-.67.81-1.082 1.096-1.32.09-.076.17-.135.236-.18Z"}),i("path",{d:"M9.479 14.361c-.48.093-.98.139-1.479.139-.5 0-.999-.046-1.479-.139L7.6 15.8a.5.5 0 0 0 .8 0l1.079-1.439Z"})]),a(" Button ")],-1)])]),_:1}),s[14]||(s[14]=t("",3)),n(l,null,{default:h(()=>[...s[5]||(s[5]=[i("button",{style:{"font-size":"var(--font-size-small)"}},"Small",-1),a("  ",-1),i("button",null,"Normal",-1),a("  ",-1),i("button",{style:{"font-size":"var(--font-size-large)"}},"Large",-1)])]),_:1}),s[15]||(s[15]=t("",3)),n(l,null,{default:h(()=>[...s[6]||(s[6]=[i("button",{class:"outline"},"Button",-1),a("  ",-1),i("button",{class:"outline",disabled:""},"Disabled",-1),a("  ",-1),i("button",{class:"outline","aria-pressed":"true"},"Active",-1)])]),_:1}),s[16]||(s[16]=t("",3)),n(l,null,{default:h(()=>[...s[7]||(s[7]=[i("button",{class:"primary"},"Primary",-1),a("  ",-1),i("button",{class:"primary",disabled:""},"Disabled",-1),a("  ",-1),i("button",{class:"primary","aria-pressed":"true"},"Active",-1),a("  ",-1),i("button",{class:"primary outline"},"Primary",-1),a("  ",-1),i("button",{class:"primary outline",disabled:""},"Disabled",-1),a("  ",-1),i("button",{class:"primary outline","aria-pressed":"true"},"Active",-1)])]),_:1}),s[17]||(s[17]=t("",3)),n(l,null,{default:h(()=>[...s[8]||(s[8]=[i("div",{class:"group"},[i("button",{class:"outline"},"Button A"),i("button",{class:"outline"},"Button B"),i("button",{class:"outline"},"Button C")],-1)])]),_:1}),s[18]||(s[18]=t("",1))]))}});export{u as __pageData,c as default};

package/public/assets/{components_dialog.md.C-0gJGus.js → components_dialog.md.JMjidrIE.js}

@@ -1,4 +1,4 @@
-import{C as l}from"./chunks/ComponentPreview.BW2s4ay5.js";import{I as e,o as p,c as d,j as i,a as n,J as a,ai as t,w as h}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const E={id:"dialog",tabindex:"-1"},u=JSON.parse('{"title":"Dialog","description":"","frontmatter":{},"headers":[],"relativePath":"components/dialog.md","filePath":"components/dialog.md"}'),r={name:"components/dialog.md"},b=Object.assign(r,{setup(g){return(o,s)=>{const k=e("Badge");return p(),d("div",null,[i("h1",E,[s[0]||(s[0]=n("Dialog ",-1)),a(k,{type:"warning",text:"JS"}),s[1]||(s[1]=n()),s[2]||(s[2]=i("a",{class:"header-anchor",href:"#dialog","aria-label":"Permalink to “Dialog”"},"​",-1))]),s[7]||(s[7]=t('<div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/dialog&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><div class="tip custom-block"><p class="custom-block-title">Difference between modal and non-modal:</p><p>The key difference is the level interaction and interaction restriction. A modal will block interaction with the main content, and they have their own context focus (use of a backdrop). But a non-modal don&#39;t impose context and restriction.</p></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The dialog is using the native <code>&lt;dialog&gt;</code> tag.</p><p>You can define if the dialog is a modal with the <code>aria-modal</code> attribute.</p>',5)),a(l,{height:"200px"},{default:h(()=>[...s[3]||(s[3]=[i("button",{"aria-controls":"myDialog"},"Open the dialog",-1),i("dialog",{id:"myDialog","aria-label":"demo"},[n(" Content of the dialog "),i("button",{"data-dialog-close":""},"Close the dialog")],-1)])]),_:1}),s[8]||(s[8]=t(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-20" id="tab-21" checked><label data-title="html" for="tab-21">html</label><input type="radio" name="group-20" id="tab-22"><label data-title="css properties" for="tab-22">css properties</label><input type="radio" name="group-20" id="tab-23"><label data-title="js" for="tab-23">js</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> aria-controls</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;myDialog&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Open the dialog&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{C as l}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{I as e,o as p,c as d,j as i,a as n,J as a,ai as t,w as h}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const E={id:"dialog",tabindex:"-1"},u=JSON.parse('{"title":"Dialog","description":"","frontmatter":{},"headers":[],"relativePath":"components/dialog.md","filePath":"components/dialog.md"}'),r={name:"components/dialog.md"},b=Object.assign(r,{setup(g){return(o,s)=>{const k=e("Badge");return p(),d("div",null,[i("h1",E,[s[0]||(s[0]=n("Dialog ",-1)),a(k,{type:"warning",text:"JS"}),s[1]||(s[1]=n()),s[2]||(s[2]=i("a",{class:"header-anchor",href:"#dialog","aria-label":"Permalink to “Dialog”"},"​",-1))]),s[7]||(s[7]=t('<div class="language-scss"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@use</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@natachah/vanilla-frontend/scss/components/dialog&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><div class="tip custom-block"><p class="custom-block-title">Difference between modal and non-modal:</p><p>The key difference is the level interaction and interaction restriction. A modal will block interaction with the main content, and they have their own context focus (use of a backdrop). But a non-modal don&#39;t impose context and restriction.</p></div><h2 id="syntax" tabindex="-1">Syntax <a class="header-anchor" href="#syntax" aria-label="Permalink to “Syntax”">​</a></h2><p>The dialog is using the native <code>&lt;dialog&gt;</code> tag.</p><p>You can define if the dialog is a modal with the <code>aria-modal</code> attribute.</p>',5)),a(l,{height:"200px"},{default:h(()=>[...s[3]||(s[3]=[i("button",{"aria-controls":"myDialog"},"Open the dialog",-1),i("dialog",{id:"myDialog","aria-label":"demo"},[n(" Content of the dialog "),i("button",{"data-dialog-close":""},"Close the dialog")],-1)])]),_:1}),s[8]||(s[8]=t(`<div class="vp-code-group"><div class="tabs"><input type="radio" name="group-20" id="tab-21" checked><label data-title="html" for="tab-21">html</label><input type="radio" name="group-20" id="tab-22"><label data-title="css properties" for="tab-22">css properties</label><input type="radio" name="group-20" id="tab-23"><label data-title="js" for="tab-23">js</label></div><div class="blocks"><div class="language-html active"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> aria-controls</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;myDialog&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Open the dialog&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">dialog</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> id</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;myDialog&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> aria-modal</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> aria-label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;demo&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    Content of the dialog</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> data-dialog-close</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Close the dialog&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>

package/public/assets/{components_dialog.md.C-0gJGus.lean.js → components_dialog.md.JMjidrIE.lean.js}

@@ -1 +1 @@
-import{C as l}from"./chunks/ComponentPreview.BW2s4ay5.js";import{I as e,o as p,c as d,j as i,a as n,J as a,ai as t,w as h}from"./chunks/framework.CaiDwmc7.js";/* empty css                                                                                */const E={id:"dialog",tabindex:"-1"},u=JSON.parse('{"title":"Dialog","description":"","frontmatter":{},"headers":[],"relativePath":"components/dialog.md","filePath":"components/dialog.md"}'),r={name:"components/dialog.md"},b=Object.assign(r,{setup(g){return(o,s)=>{const k=e("Badge");return p(),d("div",null,[i("h1",E,[s[0]||(s[0]=n("Dialog ",-1)),a(k,{type:"warning",text:"JS"}),s[1]||(s[1]=n()),s[2]||(s[2]=i("a",{class:"header-anchor",href:"#dialog","aria-label":"Permalink to “Dialog”"},"​",-1))]),s[7]||(s[7]=t("",5)),a(l,{height:"200px"},{default:h(()=>[...s[3]||(s[3]=[i("button",{"aria-controls":"myDialog"},"Open the dialog",-1),i("dialog",{id:"myDialog","aria-label":"demo"},[n(" Content of the dialog "),i("button",{"data-dialog-close":""},"Close the dialog")],-1)])]),_:1}),s[8]||(s[8]=t("",6)),a(l,{height:"400px"},{default:h(()=>[...s[4]||(s[4]=[i("button",{"aria-controls":"layoutDialog"},"Open the dialog",-1),i("dialog",{id:"layoutDialog","aria-labelledby":"layoutDialogTitle","aria-modal":"true"},[i("header",{id:"layoutDialogTitle"},"This is a header"),i("div",null,[i("p",null,"This is the content"),i("button",{"data-dialog-close":""},"Close")]),i("footer",null,"This is a footer")],-1)])]),_:1}),s[9]||(s[9]=t("",3)),a(l,{height:"400px"},{default:h(()=>[...s[5]||(s[5]=[i("button",{"aria-controls":"formDialog"},"Open the dialog",-1),i("dialog",{id:"formDialog","aria-labelledby":"formDialogTitle","aria-modal":"true"},[i("h3",{id:"formDialogTitle"},"Dialog with form"),i("form",{method:"POST"},[i("label",{for:"animal"},"What is your favorite animal"),i("input",{id:"animal",type:"text",name:"animal",required:""}),i("button",{type:"reset","data-dialog-close":""},"Cancel"),i("button",{type:"submit"},"Default submit")])],-1)])]),_:1}),s[10]||(s[10]=t("",3)),a(l,{height:"400px"},{default:h(()=>[...s[6]||(s[6]=[i("button",{"aria-controls":"jsDialog"},"Open the dialog",-1),i("dialog",{id:"jsDialog","aria-labelledby":"jsDialogTitle","aria-modal":"true"},[i("h3",{id:"jsDialogTitle"},"Dialog with form"),i("form",{method:"dialog"},[i("label",{for:"animal"},"What is your favorite animal"),i("input",{id:"animal",type:"text",name:"animal",required:""}),i("button",{type:"reset","data-dialog-close":""},"Cancel"),i("button",{type:"submit"},"Javascript submit")])],-1),i("p",null,[n("Your favorite animal is: "),i("b",{id:"favorite"},"--")],-1)])]),_:1}),s[11]||(s[11]=t("",8))])}}});export{u as __pageData,b as default};
+import{C as l}from"./chunks/ComponentPreview.Cw4G3qNN.js";import{I as e,o as p,c as d,j as i,a as n,J as a,ai as t,w as h}from"./chunks/framework.26dFs73Q.js";/* empty css                                                                                */const E={id:"dialog",tabindex:"-1"},u=JSON.parse('{"title":"Dialog","description":"","frontmatter":{},"headers":[],"relativePath":"components/dialog.md","filePath":"components/dialog.md"}'),r={name:"components/dialog.md"},b=Object.assign(r,{setup(g){return(o,s)=>{const k=e("Badge");return p(),d("div",null,[i("h1",E,[s[0]||(s[0]=n("Dialog ",-1)),a(k,{type:"warning",text:"JS"}),s[1]||(s[1]=n()),s[2]||(s[2]=i("a",{class:"header-anchor",href:"#dialog","aria-label":"Permalink to “Dialog”"},"​",-1))]),s[7]||(s[7]=t("",5)),a(l,{height:"200px"},{default:h(()=>[...s[3]||(s[3]=[i("button",{"aria-controls":"myDialog"},"Open the dialog",-1),i("dialog",{id:"myDialog","aria-label":"demo"},[n(" Content of the dialog "),i("button",{"data-dialog-close":""},"Close the dialog")],-1)])]),_:1}),s[8]||(s[8]=t("",6)),a(l,{height:"400px"},{default:h(()=>[...s[4]||(s[4]=[i("button",{"aria-controls":"layoutDialog"},"Open the dialog",-1),i("dialog",{id:"layoutDialog","aria-labelledby":"layoutDialogTitle","aria-modal":"true"},[i("header",{id:"layoutDialogTitle"},"This is a header"),i("div",null,[i("p",null,"This is the content"),i("button",{"data-dialog-close":""},"Close")]),i("footer",null,"This is a footer")],-1)])]),_:1}),s[9]||(s[9]=t("",3)),a(l,{height:"400px"},{default:h(()=>[...s[5]||(s[5]=[i("button",{"aria-controls":"formDialog"},"Open the dialog",-1),i("dialog",{id:"formDialog","aria-labelledby":"formDialogTitle","aria-modal":"true"},[i("h3",{id:"formDialogTitle"},"Dialog with form"),i("form",{method:"POST"},[i("label",{for:"animal"},"What is your favorite animal"),i("input",{id:"animal",type:"text",name:"animal",required:""}),i("button",{type:"reset","data-dialog-close":""},"Cancel"),i("button",{type:"submit"},"Default submit")])],-1)])]),_:1}),s[10]||(s[10]=t("",3)),a(l,{height:"400px"},{default:h(()=>[...s[6]||(s[6]=[i("button",{"aria-controls":"jsDialog"},"Open the dialog",-1),i("dialog",{id:"jsDialog","aria-labelledby":"jsDialogTitle","aria-modal":"true"},[i("h3",{id:"jsDialogTitle"},"Dialog with form"),i("form",{method:"dialog"},[i("label",{for:"animal"},"What is your favorite animal"),i("input",{id:"animal",type:"text",name:"animal",required:""}),i("button",{type:"reset","data-dialog-close":""},"Cancel"),i("button",{type:"submit"},"Javascript submit")])],-1),i("p",null,[n("Your favorite animal is: "),i("b",{id:"favorite"},"--")],-1)])]),_:1}),s[11]||(s[11]=t("",8))])}}});export{u as __pageData,b as default};