1import{o as l,c as o,a as e,k as S,r as T,f as s,w as r,u as a,F as c,g as d,t as i,A as b,G as w,b as _,J as k,v as N,I as F,d as $,T as M,j as H,S as O,n as V}from"./index-66d64bc5.js";import{_ as E}from"./Header-7d12f5cc.js";import{_ as G}from"./Container-399c160b.js";import{f as D,N as J,o as C,_ as R,r as W}from"./XMarkIcon-4059afae.js";import{r as q}from"./ChevronDownIcon-2577d679.js";import"./description-c05796e5.js";function I(p,m){return l(),o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},[e("path",{"fill-rule":"evenodd",d:"M2.628 1.601C5.028 1.206 7.49 1 10 1s4.973.206 7.372.601a.75.75 0 01.628.74v2.288a2.25 2.25 0 01-.659 1.59l-4.682 4.683a2.25 2.25 0 00-.659 1.59v3.037c0 .684-.31 1.33-.844 1.757l-1.937 1.55A.75.75 0 018 18.25v-5.757a2.25 2.25 0 00-.659-1.591L2.659 6.22A2.25 2.25 0 012 4.629V2.34a.75.75 0 01.628-.74z","clip-rule":"evenodd"})])}function B(p,m){return l(),o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},[e("path",{"fill-rule":"evenodd",d:"M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z","clip-rule":"evenodd"})])}function j(p,m){return l(),o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},[e("path",{d:"M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z"})])}const K=e("div",{class:"fixed inset-0 bg-black bg-opacity-25"},null,-1),Q={class:"fixed inset-0 z-40 flex"},U={class:"flex items-center justify-between px-4"},X=e("h2",{class:"text-lg font-medium text-gray-900"},"Filters",-1),Y=e("span",{class:"sr-only"},"Close menu",-1),Z={class:"mt-4 border-t border-gray-200"},ee=e("h3",{class:"sr-only"},"Categories",-1),te={role:"list",class:"px-2 py-3 font-medium text-gray-900"},se=["href"],ae={class:"-mx-2 -my-3 flow-root"},le={class:"font-medium text-gray-900"},re={class:"ml-6 flex items-center"},oe={class:"space-y-6"},ie=["id","name","value","checked"],ne=["for"],ce={class:"mx-auto"},de={class:"flex items-baseline justify-between border-b border-gray-200 pb-6"},ue={class:"text-4xl font-bold tracking-tight text-gray-900"},he={class:"flex items-center"},fe={class:"py-1"},me=["href"],ge=e("span",{class:"sr-only"},"Filters",-1),_e={"aria-labelledby":"products-heading",class:"pb-24 pt-6"},pe=e("h2",{id:"products-heading",class:"sr-only"},"Products",-1),ve={class:"grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-4"},ye={class:"hidden lg:block"},xe=e("h3",{class:"sr-only"},"Categories",-1),be={role:"list",class:"space-y-4 border-b border-gray-200 pb-6 text-sm font-medium text-gray-900"},we=["href"],ke={class:"-my-3 flow-root"},$e={class:"font-medium text-gray-900"},Ce={class:"ml-6 flex items-center"},Be={class:"space-y-4"},je=["id","name","value","checked"],ze=["for"],Le={class:"lg:col-span-3"},Pe={class:"grid grid-cols-1 gap-y-4 sm:grid-cols-2 sm:gap-x-6 sm:gap-y-10 lg:grid-cols-3 lg:gap-x-8"},Ae={class:"aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96"},Se=["src","alt"],Te={class:"flex flex-1 flex-col space-y-2 p-4"},Ne={class:"text-sm font-medium text-gray-900"},Fe=["href"],Me=e("span",{"aria-hidden":"true",class:"absolute inset-0"},null,-1),He={class:"text-sm text-gray-500"},Oe={class:"flex flex-1 flex-col justify-end"},Ve={class:"text-sm italic text-gray-500"},Ee={class:"text-base font-medium text-gray-900"},Ie={__name:"index",setup(p){const m=[{name:"Products",href:"#",current:!0}],z=[{displayText:"Products"}],L=[{title:"Products",description:null,keywords:null}],v=[{id:1,name:"Basic Tee 8-Pack",href:"/products/placeholder",price:"$256",description:"Get the full lineup of our Basic Tees. Have a fresh shirt all week, and an extra for laundry day.",options:"8 colors",imageSrc:"https://tailwindui.com/img/ecommerce-images/category-page-02-image-card-01.jpg",imageAlt:"Eight shirts arranged on table in black, olive, grey, blue, white, red, mustard, and green."},{id:2,name:"Basic Tee",href:"/products/placeholder",price:"$32",description:"Look like a visionary CEO and wear the same black t-shirt every day.",options:"Black",imageSrc:"https://tailwindui.com/img/ecommerce-images/category-page-02-image-card-02.jpg",imageAlt:"Front of plain black t-shirt."}],P=[{name:"Most Popular",href:"#",current:!0},{name:"Best Rating",href:"#",current:!1},{name:"Newest",href:"#",current:!1},{name:"Price: Low to High",href:"#",current:!1},{name:"Price: High to Low",href:"#",current:!1}],y=[{id:"color",name:"Color",options:[{value:"white",label:"White",checked:!1}
1,{value:"beige",label:"Beige",checked:!1},{value:"blue",label:"Blue",checked:!0},{value:"brown",label:"Brown",checked:!1},{value:"green",label:"Green",checked:!1},{value:"purple",label:"Purple",checked:!1}]},{id:"category",name:"Category",options:[{value:"new-arrivals",label:"New Arrivals",checked:!1},{value:"sale",label:"Sale",checked:!1},{value:"travel",label:"Travel",checked:!0},{value:"organization",label:"Organization",checked:!1},{value:"accessories",label:"Accessories",checked:!1}]},{id:"size",name:"Size",options:[{value:"2l",label:"2L",checked:!1},{value:"6l",label:"6L",checked:!1},{value:"12l",label:"12L",checked:!1},{value:"18l",label:"18L",checked:!1},{value:"20l",label:"20L",checked:!1},{value:"40l",label:"40L",checked:!0}]}],g=S(!1);return(x,u)=>{const A=T("Meta");return l(),o(c,null,[s(E,{title:z[0].displayText,pages:m},null,8,["title"]),s(A,{title:L[0].title},null,8,["title"]),s(G,null,{default:r(()=>[e("div",null,[s(a(D),{as:"template",show:g.value},{default:r(()=>[s(a(J),{as:"div",class:"relative z-40 lg:hidden",onClose:u[1]||(u[1]=t=>g.value=!1)},{default:r(()=>[s(a(C),{as:"template",enter:"transition-opacity ease-linear duration-300","enter-from":"opacity-0","enter-to":"opacity-100",leave:"transition-opacity ease-linear duration-300","leave-from":"opacity-100","leave-to":"opacity-0"},{default:r(()=>[K]),_:1}),e("div",Q,[s(a(C),{as:"template",enter:"transition ease-in-out duration-300 transform","enter-from":"translate-x-full","enter-to":"translate-x-0",leave:"transition ease-in-out duration-300 transform","leave-from":"translate-x-0","leave-to":"translate-x-full"},{default:r(()=>[s(a(R),{class:"relative ml-auto flex h-full w-full max-w-xs flex-col overflow-y-auto bg-white py-4 pb-12 shadow-xl"},{default:r(()=>[e("div",U,[X,e("button",{type:"button",class:"-mr-2 flex h-10 w-10 items-center justify-center rounded-md bg-white p-2 text-gray-400",onClick:u[0]||(u[0]=t=>g.value=!1)},[Y,s(a(W),{class:"h-6 w-6","aria-hidden":"true"})])]),e("form",Z,[ee,e("ul",te,[(l(!0),o(c,null,d(x.subCategories,t=>(l(),o("li",{key:t.name},[e("a",{href:t.href,class:"block px-2 py-3"},i(t.name),9,se)]))),128))]),(l(),o(c,null,d(y,t=>s(a(b),{as:"div",key:t.id,class:"border-t border-gray-200 px-4 py-6"},{default:r(({open:h})=>[e("h3",ae,[s(a(w),{class:"flex w-full items-center justify-between bg-white px-2 py-3 text-gray-400 hover:text-gray-500"},{default:r(()=>[e("span",le,i(t.name),1),e("span",re,[h?(l(),_(a(B),{key:1,class:"h-5 w-5","aria-hidden":"true"})):(l(),_(a(j),{key:0,class:"h-5 w-5","aria-hidden":"true"}))])]),_:2},1024)]),s(a(k),{class:"pt-6"},{default:r(()=>[e("div",oe,[(l(!0),o(c,null,d(t.options,(n,f)=>(l(),o("div",{key:n.value,class:"flex items-center"},[e("input",{id:`filter-mobile-${t.id}-${f}`,name:`${t.id}[]`,value:n.value,type:"checkbox",checked:n.checked,class:"h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"},null,8,ie),e("label",{for:`filter-mobile-${t.id}-${f}`,class:"ml-3 min-w-0 flex-1 text-gray-500"},i(n.label),9,ne)]))),128))])]),_:2},1024)]),_:2},1024)),64))])]),_:1})]),_:1})])]),_:1})]),_:1},8,["show"]),e("main",ce,[e("div",de,[e("h1",ue,i(v.length)+" Products ",1),e("div",he,[s(a(N),{as:"div",class:"relative inline-block text-left"},{default:r(()=>[e("div",null,[s(a(F),{class:"group inline-flex justify-center text-sm font-medium text-gray-700 hover:text-gray-900"},{default:r(()=>[$(" Sort "),s(a(q),{class:"-mr-1 ml-1 h-5 w-5 flex-shrink-0 text-gray-400 group-hover:text-gray-500","aria-hidden":"true"})]),_:1})]),s(M,{"enter-active-class":"transition ease-out duration-100","enter-from-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-from-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"},{default:r(()=>[s(a(H),{class:"absolute right-0 z-10 mt-2 w-40 origin-top-right rounded-md bg-white shadow-2xl ring-1 ring-black ring-opacity-5 focus:outline-none"},{default:r(()=>[e("div",fe,[(l(),o(c,null,d(P,t=>s(a(O),{key:t.name},{default:r(({active:h})=>[e("a",{href:t.href,class:V([t.current?"font-medium text-gray-900":"text-gray-500",h?"bg-gray-100":"","block px-4 py-2 text-sm"])},i(t.name),11,me)]),_:2},1024)),64))])]),_:1})]),_:1})]),_:1}),e("button",{type:"button",class:"-m-2 ml-4 p-2 text-gray-400 hover:text-gray-500 sm:ml-6 lg:hidden",onClick:u[2]||(u[2]=t=>g.value=!0)},[ge,s(a(I),{class:"h-5 w-5","aria-hidden":"true"})])])]),e("section",_e,[pe,e("div",ve,[e("form",ye,[xe,e("ul",be,[(l(!0),o(c,null,d(x.subCategories,t=>(l(),o("li",{key:t.name},[e("a",{href:t.href},i(t.name),9,we)]))),128))]),(l(),o(c,null,d(y,t=>s(a(b),{as:"div",key:t.id,class:"border-b border-gray-200 py-6"},{default:r(({open:h})=>[e("h3",ke,[s(a(w),{class:"flex w-full items-center justify-between bg-white py-3 text-sm text-gray-400 hover:text-gray-500"},{default:r(()=>[e("span",$e,i(t.name),1),e("span",Ce,[h?(l(),_(a(B),{key:1,class:"h-5 w-5","aria-hidden":"true"})):(l(),_(a(j),{key:0,class:"h-5 w-5","aria-hidden":"true"}))])]),_:2},1024)]),s(a(k),{class:"pt-6"},{default:r(()=>
1[e("div",Be,[(l(!0),o(c,null,d(t.options,(n,f)=>(l(),o("div",{key:n.value,class:"flex items-center"},[e("input",{id:`filter-${t.id}-${f}`,name:`${t.id}[]`,value:n.value,type:"checkbox",checked:n.checked,class:"h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"},null,8,je),e("label",{for:`filter-${t.id}-${f}`,class:"ml-3 text-sm text-gray-600"},i(n.label),9,ze)]))),128))])]),_:2},1024)]),_:2},1024)),64))]),e("div",Le,[e("div",Pe,[(l(),o(c,null,d(v,t=>e("div",{key:t.id,class:"group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white"},[e("div",Ae,[e("img",{src:t.imageSrc,alt:t.imageAlt,class:"h-full w-full object-cover object-center sm:h-full sm:w-full"},null,8,Se)]),e("div",Te,[e("h3",Ne,[e("a",{href:t.href},[Me,$(" "+i(t.name),1)],8,Fe)]),e("p",He,i(t.description),1),e("div",Oe,[e("p",Ve,i(t.options),1),e("p",Ee,i(t.price),1)])])])),64))])])])])])])]),_:1})],64)}}};export{Ie as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.