(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3268,57124],{68044:function(e,t,a){Promise.resolve().then(a.bind(a,74500)),Promise.resolve().then(a.bind(a,33011)),Promise.resolve().then(a.bind(a,86726)),Promise.resolve().then(a.t.bind(a,83950,23)),Promise.resolve().then(a.bind(a,42972)),Promise.resolve().then(a.bind(a,69111))},74500:function(e,t,a){"use strict";a.d(t,{default:function(){return c}});var l=a(27573),r=a(7653),n=a(2452),s=a(57433),o=a(62435),i=a(96797);function c(e){let{duration:t,children:a,size:c=20,className:d}=e,[u,{startCountdown:m}]=(0,o.a)({countStart:t,countStop:0,intervalMs:1e3});(0,i.K)(()=>{m()},1e3);let x=(0,r.useMemo)(()=>{let e=Math.floor(u/60),t=u-60*e;return"".concat(e,":").concat(String(t).padStart(2,"0"))},[u]);return(0,l.jsxs)("div",{className:(0,s.cn)("flex",d),children:[(0,l.jsx)(n.default,{size:c,className:"flex-shrink-0 text-black"}),(0,l.jsx)("div",{"data-text":"".concat(x.replace(/[^:]/g,"0")),className:"ml-2 mt-[1px] inline-flex flex-col text-left font-semibold after:invisible after:h-0 after:overflow-hidden after:content-[attr(data-text)]",children:x}),a&&(0,l.jsxs)(l.Fragment,{children:["\xa0",(0,l.jsx)("div",{className:"mt-[1px]",children:a})]})]})}},33011:function(e,t,a){"use strict";a.d(t,{m:function(){return R},default:function(){return A}});var l=a(27573),r=a(7653),n=a(10269),s=a(95731),o=a(74833),i=a(82150),c=a(84354),d=a(11083),u=a(33491),m=a(16140),x=a(5648),f=a(67905),p=a(57124),h=a(2966),j=a(73005),b=a(38983),g=a(15799),y=a(2759),N=a(73302);function v(e){let t=new Set;return e.forEach(e=>t.add(e)),Array.from(t)}let w=(0,g.jo)({parse:e=>v(e.trim().split(";")).filter(e=>""!==e.trim()),serialize:e=>v([...e]).filter(e=>""!==e.trim()).join(";")}).withOptions({clearOnDefault:!0}).withDefault([]),k=[N.WorkplaceType.REMOTE,N.WorkplaceType.HYBRID,N.WorkplaceType.ON_SITE],C=[N.JobType.FREELANCE,N.JobType.FULL_TIME,N.JobType.PART_TIME],_=[N.ValidationLevel.ENTRY_LEVEL,N.ValidationLevel.INTERMEDIATE,N.ValidationLevel.SENIOR],E=()=>(0,g.XI)({search:g.Oi.withDefault(""),jobLoad:(0,g.S$)((0,g.jx)([...C])).withOptions({clearOnDefault:!0}).withDefault([]),jobType:(0,g.S$)((0,g.jx)([...k])).withOptions({clearOnDefault:!0}).withDefault([]),experience:(0,g.S$)((0,g.jx)([..._])).withOptions({clearOnDefault:!0}).withDefault([]),category:w,language:w,location:w,skill:w}),L=["jobType","jobLoad","location","language","category","skill","experience"];function S(e){let{projects:t,allCategories:a,allLanguages:n,allLocations:s,allSkills:o}=e,[c,d]=E(),[u,m]=(0,r.useState)(!1),[f,p]=(0,r.useState)(!1),[h,j]=(0,r.useState)(""),g=(0,r.useCallback)((e,t)=>{var a;if("skill"===e){let e=t.skills;return 0===c.skill.length||c.skill.every(t=>e.includes(t))}let l=null!==(a=({jobType:t.work_place_type,jobLoad:t.project_job_type,location:t.location,language:t.primaryLanguage,category:t.category_name,experience:t.required_experience_level})[e])&&void 0!==a?a:"";return 0===c[e].length||l.length>0&&c[e].some(e=>e===l)},[c]),N=(0,r.useCallback)((e,t)=>{let a=new Set(L);return null==t||t.forEach(e=>a.delete(e)),[...a].every(t=>g(t,e))},[g]),v=(0,r.useMemo)(()=>{let e={jobLoad:new Map,jobType:new Map,category:new Map,language:new Map,location:new Map,skill:new Map,experience:new Map},a=(t,a)=>{var l;let r=a.toLowerCase().trim();return e[t].set(r,(null!==(l=e[t].get(r))&&void 0!==l?l:0)+1)};return t.forEach(e=>{N(e,["jobLoad"])&&a("jobLoad",e.project_job_type),N(e,["jobType"])&&a("jobType",e.work_place_type),N(e,["experience"])&&a("experience",e.required_experience_level),N(e,["category"])&&a("category",e.category_name),e.primaryLanguage&&N(e,["language"])&&a("language",e.primaryLanguage),e.location&&N(e,["location"])&&a("location",e.location),N(e)&&new Set(e.skills).forEach(e=>{a("skill",e)})}),{...e,get:(t,a)=>{var l;let r=a.toLowerCase().trim();return null!==(l=e[t].get(r))&&void 0!==l?l:0}}},[t,N]),w=(0,r.useMemo)(()=>{let e=new Set(o);return c.skill.forEach(t=>e.delete(t)),e.forEach(t=>{0===v.get("skill",t)&&e.delete(t)}),[...e].sort((e,t)=>v.get("skill",t)-v.get("skill",e))},[o,c.skill,v]),S=(0,r.useMemo)(()=>{let e=new Set(a);return c.category.forEach(t=>e.delete(t)),e.forEach(t=>{0===v.get("category",t)&&e.delete(t)}),[...e].sort((e,t)=>v.get("category",t)-v.get("category",e))},[c.category,a,v]),T=(0,r.useMemo)(()=>{let e=new Set(k);return c.jobType.forEach(t=>e.delete(t)),e.forEach(t=>{0===v.get("jobType",t)&&e.delete(t)}),[...e].sort((e,t)=>v.get("jobType",t)-v.get("jobType",e))},[c.jobType,v]),z=(0,r.useMemo)(()=>{let e=new Set(C);return c.jobLoad.forEach(t=>e.delete(t)),e.forEach(t=>{0===v.get("jobLoad",t)&&e.delete(t)}),[...e].sort((e,t)=>v.get("jobLoad",t)-v.get("jobLoad",e))},[c.jobLoad,v]),M=(0,r.useMemo)(()=>{let e=new Set(_);return c.experience.forEach(t=>e.delete(t)),e.forEach(t=>{0===v.get("experience",t)&&e.delete(t)}),[...e].sort((e,t)=>v.get("experience",t)-v.get("experience",e))},[c.experience,v]),R=(0,r.useMemo)(()=>{let e=new Set(n);return c.language.forEach(t=>e.delete(t)),e.forEach(t=>{0===v.get("language",t)&&e.delete(t)}),[...e].sort((e,t)=>v.get("language",t)-v.get("language",e))},[n,c.language,v]),A=(0,r.useMemo)(()=>{let e=new Set(s);return c.location.forEach(t=>e.delete(t)),e.forEach(t=>{0===v.get("location",t)&&e.delete(t)}),[...e].sort((e,t)=>v.get("location",t)-v.get("location",e))},[s,c.location,v]),O=(0,r.useMemo)(()=>w.filter(e=>e.toLowerCase().trim().includes(h.toLowerCase().trim())),[w,h]);return(0,l.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,l.jsxs)("div",{className:"space-y-3",children:[(0,l.jsx)("h2",{className:"mb-2 text-base/5 font-medium text-[#0F172A]",children:"Areas"}),(0,l.jsx)("div",{className:"flex flex-col items-start gap-2",children:S.map(e=>{var t;return(0,l.jsx)("button",{className:"text-left text-[13px]/[18px] text-brand-azul hover:underline",onClick:()=>void d(t=>({category:[...t.category,e]})),children:"".concat(e," (").concat(null!==(t=v.get("category",e))&&void 0!==t?t:0,")")},e)})})]}),(0,l.jsxs)("div",{className:"space-y-3",children:[(0,l.jsx)("h2",{className:"mb-2 text-base/5 font-medium text-[#0F172A]",children:"Job type"}),(0,l.jsx)("div",{className:"flex flex-col items-start gap-2",children:T.map(e=>(0,l.jsx)("button",{className:"text-left text-[13px]/[18px] text-brand-azul hover:underline",onClick:()=>{d(t=>({jobType:[...t.jobType,e]}))},children:"".concat(x.b_[e]," (").concat(v.get("jobType",e),")")},e))})]}),(0,l.jsxs)("div",{className:"space-y-3",children:[(0,l.jsx)("h2",{className:"mb-2 text-base/5 font-medium text-[#0F172A]",children:"Job Load"}),(0,l.jsx)("div",{className:"flex flex-col items-start gap-2",children:z.map(e=>(0,l.jsx)("button",{className:"text-left text-[13px]/[18px] text-brand-azul hover:underline",onClick:()=>{d(t=>({jobLoad:[...t.jobLoad,e]}))},children:"".concat(x.FC[e]," (").concat(v.get("jobLoad",e),")")},e))})]}),(0,l.jsxs)("div",{className:"space-y-3",children:[(0,l.jsx)("h2",{className:"mb-2 text-base/5 font-medium text-[#0F172A]",children:"Experience"}),(0,l.jsx)("div",{className:"flex flex-col items-start gap-2",children:M.map(e=>(0,l.jsx)("button",{className:"text-left text-[13px]/[18px] text-brand-azul hover:underline",onClick:()=>{d(t=>({experience:[...t.experience,e]}))},children:"".concat(x.ds[e]," (").concat(v.get("experience",e),")")},e))})]}),(0,l.jsxs)("div",{className:"space-y-3",children:[(0,l.jsx)("h2",{className:"mb-2 text-base/5 font-medium text-[#0F172A]",children:"Languages"}),(0,l.jsx)("div",{className:"flex flex-col items-start gap-2",children:R.map(e=>(0,l.jsx)("button",{className:"text-left text-[13px]/[18px] text-brand-azul hover:underline",onClick:()=>{d(t=>({language:[...t.language,e]}))},children:"".concat(e," (").concat(v.get("language",e),")")},e))})]}),(0,l.jsxs)("div",{className:"space-y-3",children:[(0,l.jsx)("h2",{className:"mb-2 text-base/5 font-medium text-[#0F172A]",children:"Location"}),(0,l.jsx)("div",{className:"flex flex-col items-start gap-2",children:(f?A:A.slice(0,4)).map(e=>(0,l.jsx)("button",{className:"text-left text-[13px]/[18px] text-brand-azul hover:underline",onClick:()=>{d(t=>({location:[...t.location,e]}))},children:"".concat(e," (").concat(v.get("location",e),")")},e))}),(0,l.jsxs)("button",{onClick:()=>{p(e=>!e)},className:"flex items-center gap-x-1 text-[13px]/5 font-medium text-[#0F172A]",children:[f?"See less":"See more",(0,l.jsx)(b.default,{size:24,strokeWidth:2,absoluteStrokeWidth:!0,className:"".concat(f?"rotate-180":""," text-black")})]})]}),(0,l.jsxs)("div",{className:"space-y-4",children:[(0,l.jsxs)(y.Label,{children:[(0,l.jsx)("h5",{className:"mb-1.5 text-base/5 font-medium text-[#0F172A]",children:"Skill name"}),(0,l.jsx)(i.I,{name:"skill-name-query-input",value:h,onChange:e=>j(e.target.value),title:"filter skill by name",autoComplete:"off",placeholder:"Search skill name",className:"font-normal text-[#0F172A] shadow-none placeholder:text-brand-text-placeholder"})]}),(0,l.jsx)("div",{className:"flex flex-col items-start gap-2",children:(u?O:O.slice(0,6)).map(e=>(0,l.jsx)("button",{className:"text-left text-[13px]/[18px] text-brand-azul hover:underline",onClick:()=>{d(t=>({skill:[...t.skill,e]}))},children:"".concat(e," (").concat(v.get("skill",e),")")},e))}),(0,l.jsxs)("button",{onClick:()=>{m(e=>!e)},className:"flex items-center gap-x-1 text-[13px]/5 font-medium text-[#0F172A]",children:[u?"See less":"See more",(0,l.jsx)(b.default,{className:"".concat(u?"rotate-180":""," text-black")})]})]})]})}function T(e){return(0,l.jsxs)(j.Vq,{children:[(0,l.jsx)(j.hg,{asChild:!0,children:(0,l.jsxs)("button",{className:"flex gap-2 text-sm/[17.07px] font-bold text-brand-azul",children:[(0,l.jsx)(p.default,{size:16}),(0,l.jsx)("span",{children:"Filters"})]})}),(0,l.jsxs)(j.cZ,{overlayClassName:"px-8",className:"border border-[#E2E8F0] p-6 shadow-none",children:[(0,l.jsxs)("div",{className:"mb-8 flex flex-col gap-5",children:[(0,l.jsx)("h2",{className:"text-[25px][30px] font-bold text-brand-negro",children:"Filters"}),(0,l.jsx)("div",{children:(0,l.jsx)(R,{})}),(0,l.jsx)(f.x8,{asChild:!0,children:(0,l.jsxs)("button",{className:"flex items-center justify-center gap-2 rounded-full bg-brand-azul py-[5px] text-brand-hover",children:[(0,l.jsx)("span",{className:"text-[13px]/[18px]",children:"Apply filter"}),(0,l.jsx)(h.default,{absoluteStrokeWidth:!0,strokeWidth:2,size:16})]})})]}),(0,l.jsx)(S,{...e})]})]})}var z=a(46709);function M(e){let{label:t,onClick:a}=e;return(0,l.jsxs)(u.Z,{className:"flex select-none items-center gap-1 !rounded border-[#CBD5E1] !px-[5px] !py-[3px]",children:[(0,l.jsx)("button",{className:"text-black",onClick:a,children:(0,l.jsx)(n.default,{size:16,strokeWidth:1})}),(0,l.jsx)("span",{className:"text-sm/[18px] text-brand-negro",children:t})]})}function R(){let[e,t]=E();return(0,l.jsxs)("div",{className:"flex flex-wrap gap-2",children:[e.category.map(e=>(0,l.jsx)(M,{label:e,onClick:()=>t(t=>({category:t.category.filter(t=>t!==e)}))},e)),e.jobType.map(e=>(0,l.jsx)(M,{label:x.b_[e],onClick:()=>t(t=>({jobType:t.jobType.filter(t=>t!==e)}))},e)),e.jobLoad.map(e=>(0,l.jsx)(M,{label:x.FC[e],onClick:()=>t(t=>({jobLoad:t.jobLoad.filter(t=>t!==e)}))},e)),e.experience.map(e=>(0,l.jsx)(M,{label:x.ds[e],onClick:()=>t(t=>({experience:t.experience.filter(t=>t!==e)}))},e)),e.language.map(e=>(0,l.jsx)(M,{label:e,onClick:()=>t(t=>({language:t.language.filter(t=>t!==e)}))},e)),e.location.map(e=>(0,l.jsx)(M,{label:e,onClick:()=>t(t=>({location:t.location.filter(t=>t!==e)}))},e)),e.skill.map(e=>(0,l.jsx)(M,{label:e,onClick:()=>t(t=>({skill:t.skill.filter(t=>t!==e)}))},e))]})}function A(e){let{projectProps:t}=e,{projects:a}=t,[n,u]=E(),[x,f]=(0,r.useState)(0),[p]=(0,r.useState)(10),[h,j]=(0,r.useState)("RECENT"),b=(0,m.z)();(0,r.useEffect)(()=>{b&&f(0)},[n]);let g=(0,r.useCallback)((e,t)=>{var a;if("skill"===e){let e=t.skills;return 0===n.skill.length||n.skill.every(t=>e.includes(t))}let l=null!==(a=({jobType:t.work_place_type,jobLoad:t.project_job_type,location:t.location,language:t.primaryLanguage,category:t.category_name,experience:t.required_experience_level})[e])&&void 0!==a?a:"";return 0===n[e].length||l.length>0&&n[e].some(e=>e===l)},[n]),y=(0,r.useMemo)(()=>{let e=[...a];return"OLDEST"===h?e.sort((e,t)=>e.project_creation_date<t.project_creation_date?-1:1):e.sort((e,t)=>e.project_creation_date>t.project_creation_date?-1:1)},[h]),N=(0,r.useMemo)(()=>y.filter(e=>L.every(t=>g(t,e))),[n,y,g]).filter(e=>{var t,a;return(null===(t=e.project_name)||void 0===t?void 0:t.toLowerCase().includes(n.search.toLowerCase().trim()))||(null===(a=e.project_description)||void 0===a?void 0:a.toLowerCase().includes(n.search.toLowerCase().trim()))}),v=Object.values(n).some(e=>e.length>0);return(0,l.jsx)("section",{className:"px-8 pb-8",children:(0,l.jsx)("div",{className:"container",children:(0,l.jsxs)("div",{className:"grid items-start md:grid-cols-[275px_1fr] md:gap-10",children:[(0,l.jsxs)(o.Zb,{className:"border-0 bg-transparent p-0 shadow-none md:border md:bg-white md:p-6",children:[(0,l.jsx)("h2",{className:"mb-8 text-center text-[25px]/[30px] font-bold text-brand-negro md:text-left",children:"Jobs"}),(0,l.jsx)("div",{className:"hidden md:block",children:(0,l.jsx)(S,{...t})}),(0,l.jsxs)("div",{className:"mb-5 flex justify-between md:hidden",children:[(0,l.jsx)("h4",{className:"text-base/[19.2px] font-semibold",children:"Search"}),(0,l.jsx)(T,{...t})]})]}),(0,l.jsxs)("div",{className:"md:mt-1",children:[(0,l.jsx)("h1",{className:"mb-5 hidden text-[16px]/[19.2px] font-semibold text-brand-negro md:block",children:"Find a remote job opportunity"}),(0,l.jsxs)("div",{className:"relative mb-5 grid grid-cols-1",children:[(0,l.jsx)(i.I,{value:n.search,onChange:e=>u({search:e.target.value}),name:"project-filter-input",title:"Search keyword",placeholder:"Search keyword",className:"border-[#DDDBDA] py-2 pl-3 pr-12 text-base/5 shadow-none"}),(0,l.jsx)(s.default,{size:20,className:"absolute right-5 top-1/2 -translate-y-1/2 text-brand-negro"})]}),v&&(0,l.jsxs)("div",{className:"mb-10 flex justify-between gap-8 md:mb-7",children:[(0,l.jsx)(R,{}),(0,l.jsx)("button",{onClick:()=>u({category:null,jobLoad:null,jobType:null,language:null,location:null,search:null,skill:null,experience:null}),className:"flex min-h-[26px] items-center self-start text-sm/[17.07px] text-brand-azul hover:underline",children:"Clear all filters"})]}),(0,l.jsxs)("div",{className:"mb-10 flex w-full flex-col flex-wrap items-start justify-between gap-4 md:mb-7 md:flex-row md:items-center",children:[(0,l.jsxs)("h2",{className:"text-[20px]/5 font-semibold text-[#0F172A]",children:["Results (",N.length,")"]}),(0,l.jsxs)(d.Ph,{value:h,onValueChange:e=>j(e),children:[(0,l.jsx)(d.i4,{className:"h-10 min-w-[196px] md:w-[196px]",children:(0,l.jsx)(d.ki,{placeholder:"Select a sorting method",children:"RECENT"===h?"Sort by: Most recent":"Sort by: Oldest"})}),(0,l.jsxs)(d.Bw,{children:[(0,l.jsx)(d.Ql,{value:"RECENT",children:"Most recent"}),(0,l.jsx)(d.Ql,{value:"OLDEST",children:"Oldest"})]})]})]}),(0,l.jsx)(o.Zb,{className:"flex flex-col gap-2 border-0 bg-transparent py-2 text-brand-negro shadow-none md:border md:bg-white",children:N.slice(p*x,p+p*x).map(e=>(0,l.jsx)(z.default,{project:e},e.project_id))}),(0,l.jsx)(c.O,{totalPages:Math.ceil(N.length/p),currentPageIndex:x,setCurrentPageIndex:f,className:"mt-7"})]})]})})})}},33491:function(e,t,a){"use strict";a.d(t,{Z:function(){return r}});var l=a(27573);function r(e){let{children:t,className:a="",onClick:r}=e;return(0,l.jsx)("span",{onClick:r,className:"".concat(a," whitespace-nowrap rounded-lg border border-[#DDDBDA] bg-white px-3 py-2 text-xs font-medium text-[#706E6B]"),children:t})}},62435:function(e,t,a){"use strict";a.d(t,{a:function(){return s}});var l=a(7653),r=a(87644),n=a(30966);function s(e){let{countStart:t,countStop:a=0,intervalMs:s=1e3,isIncrement:o=!1,autoStart:i=!1}=e,[c,{increment:d,decrement:u,reset:m,set:x}]=(0,r.Cf)(t),[f,p]=(0,l.useState)(i),h=(0,l.useCallback)(()=>{p(!0)},[]),j=(0,l.useCallback)(()=>{p(!1)},[]),b=(0,l.useCallback)(()=>{j(),m()},[j,m]),g=(0,l.useCallback)(()=>{if(c===a){j();return}o?d():u()},[c,a,u,d,o,j]);return(0,n.Y)(g,f?s:null),[c,{startCountdown:h,stopCountdown:j,resetCountdown:b,setCountdown:x}]}},30966:function(e,t,a){"use strict";a.d(t,{Y:function(){return n}});var l=a(7653),r=a(77528);function n(e,t){let a=(0,l.useRef)(e);(0,r.L)(()=>{a.current=e},[e]),(0,l.useEffect)(()=>{if(null===t)return;let e=setInterval(()=>{a.current()},t);return()=>{clearInterval(e)}},[t])}},16140:function(e,t,a){"use strict";a.d(t,{z:function(){return r}});var l=a(7653);let r=()=>{let e=(0,l.useRef)(!0);return(0,l.useEffect)(()=>{e.current=!1},[]),e.current}},77528:function(e,t,a){"use strict";a.d(t,{L:function(){return l}});let l=a(7653).useLayoutEffect},96797:function(e,t,a){"use strict";a.d(t,{K:function(){return n}});var l=a(7653),r=a(77528);function n(e,t){let a=(0,l.useRef)(e);(0,r.L)(()=>{a.current=e},[e]),(0,l.useEffect)(()=>{if(!t&&0!==t)return;let e=setTimeout(()=>{a.current()},t);return()=>{clearTimeout(e)}},[t])}},57124:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return l}});let l=(0,a(2389).Z)("Filter",[["polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",key:"1yg77f"}]])},82150:function(e,t,a){"use strict";a.d(t,{I:function(){return s}});var l=a(27573),r=a(7653),n=a(57433);let s=r.forwardRef((e,t)=>{let{className:a,type:r,...s}=e;return(0,l.jsx)("input",{type:r,className:(0,n.cn)("flex h-9 w-full rounded-md border border-input bg-white px-3 py-2 text-base shadow-sm transition-colors file:border-0 file:bg-white file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",a),ref:t,...s})});s.displayName="Input"},84354:function(e,t,a){"use strict";a.d(t,{O:function(){return x}});var l=a(27573),r=a(7653),n=a(85145),s=a(58410),o=a(2966),i=a(86565),c=a(57433),d=a(69790);r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("ul",{ref:t,className:(0,c.cn)("flex flex-row items-center gap-1",a),...r})}).displayName="PaginationContent",r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)("li",{ref:t,className:(0,c.cn)("",a),...r})}).displayName="PaginationItem";let u=e=>{let{className:t,...a}=e;return(0,l.jsxs)("span",{"aria-hidden":!0,className:(0,c.cn)("flex h-9 w-9 items-center justify-center",t),...a,children:[(0,l.jsx)(d.default,{className:"h-4 w-4"}),(0,l.jsx)("span",{className:"sr-only",children:"More pages"})]})};u.displayName="PaginationEllipsis";let m=(0,n.j)("flex w-full items-center justify-center gap-2",{variants:{variant:{default:"text-foreground"}},defaultVariants:{variant:"default"}});function x(e){let{totalPages:t,currentPageIndex:a,setCurrentPageIndex:r,variant:n,className:d,...x}=e;return t<2?null:(0,l.jsxs)("div",{role:"navigation","aria-label":"pagination",className:(0,c.cn)(m({variant:n}),d,"@container"),...x,children:[(0,l.jsx)(i.z,{"aria-label":"Go to previous page",disabled:a<1,onClick:()=>r(e=>e-1),className:(0,c.cn)("rounded-md pl-2.5"),variant:"ghost",title:"previous page",type:"button",children:(0,l.jsxs)("div",{className:"flex items-center justify-center",children:[(0,l.jsx)(s.default,{className:(0,c.cn)("h-4 w-4 min-w-4")}),(0,l.jsx)("span",{className:"@sm:hidden @lg:block",children:"Previous"})]})}),(0,l.jsx)("div",{className:"@sm:hidden",children:(0,l.jsx)(i.z,{type:"button",className:"rounded-md",size:"md",variant:"outline",children:a+1})}),(0,l.jsxs)("div",{className:"hidden items-center justify-center gap-x-1 @sm:flex",children:[t<7&&Array.from(Array(t).keys()).map(e=>(0,l.jsx)(i.z,{className:"rounded-md",type:"button",size:"md",variant:a===e?"outline":"ghost",onClick:()=>r(e),children:e+1},e)),t>=7&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.z,{type:"button",onClick:()=>r(0),className:"rounded-md",size:"md",variant:0===a?"outline":"ghost",children:"1"}),a>2&&(0,l.jsx)(u,{}),a<3&&Array.from(Array(t).keys()).slice(1,4).map(e=>(0,l.jsx)(i.z,{className:"rounded-md",type:"button",size:"md",variant:a===e?"outline":"ghost",onClick:()=>r(e),children:e+1},e)),a>=t-3&&Array.from(Array(t).keys()).slice(-4,-1).map(e=>(0,l.jsx)(i.z,{type:"button",className:"rounded-md",size:"md",variant:a===e?"outline":"ghost",onClick:()=>r(e),children:e+1},e)),a>2&&a<t-3&&Array.from(Array(t).keys()).slice(a-1,a+2).map(e=>(0,l.jsx)(i.z,{type:"button",className:"rounded-md",onClick:()=>r(e),size:"md",variant:a===e?"outline":"ghost",children:e+1},e)),a<t-3&&(0,l.jsx)(u,{}),(0,l.jsx)(i.z,{type:"button",onClick:()=>r(t-1),size:"md",className:"rounded-md",variant:a===t-1?"outline":"ghost",children:t})]})]}),(0,l.jsx)(i.z,{"aria-label":"Go to next page",disabled:a>=t-1,onClick:()=>r(e=>e+1),className:(0,c.cn)("pr-2.5, rounded-md"),title:"next page",variant:"ghost",type:"button",children:(0,l.jsxs)("div",{className:"flex items-center justify-center",children:[(0,l.jsx)("span",{className:"@sm:hidden @lg:block",children:"Next"}),(0,l.jsx)(o.default,{className:(0,c.cn)("h-4 w-4 min-w-4")})]})})]})}},11083:function(e,t,a){"use strict";a.d(t,{Bw:function(){return p},Ph:function(){return d},Ql:function(){return h},i4:function(){return m},ki:function(){return u}});var l=a(27573),r=a(7653),n=a(66240),s=a(38983),o=a(34965),i=a(87354),c=a(57433);let d=n.fC;n.ZA;let u=n.B4,m=r.forwardRef((e,t)=>{let{className:a,children:r,...o}=e;return(0,l.jsxs)(n.xz,{ref:t,className:(0,c.cn)("flex h-9 w-full items-center justify-between rounded-md border border-input bg-white px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",a),...o,children:[r,(0,l.jsx)(n.JO,{asChild:!0,children:(0,l.jsx)(s.default,{className:"h-4 w-4 opacity-50"})})]})});m.displayName=n.xz.displayName;let x=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)(n.u_,{ref:t,className:(0,c.cn)("flex cursor-default items-center justify-center py-1",a),...r,children:(0,l.jsx)(o.default,{className:"h-4 w-4"})})});x.displayName=n.u_.displayName;let f=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)(n.$G,{ref:t,className:(0,c.cn)("flex cursor-default items-center justify-center py-1",a),...r,children:(0,l.jsx)(s.default,{className:"h-4 w-4"})})});f.displayName=n.$G.displayName;let p=r.forwardRef((e,t)=>{let{className:a,children:r,position:s="popper",...o}=e;return(0,l.jsx)(n.h_,{children:(0,l.jsxs)(n.VY,{ref:t,className:(0,c.cn)("relative z-50 max-h-80 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===s&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:s,...o,children:[(0,l.jsx)(x,{}),(0,l.jsx)(n.l_,{className:(0,c.cn)("p-1","popper"===s&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:r}),(0,l.jsx)(f,{})]})})});p.displayName=n.VY.displayName,r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)(n.__,{ref:t,className:(0,c.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",a),...r})}).displayName=n.__.displayName;let h=r.forwardRef((e,t)=>{let{className:a,children:r,...s}=e;return(0,l.jsxs)(n.ck,{ref:t,className:(0,c.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...s,children:[(0,l.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,l.jsx)(n.wU,{children:(0,l.jsx)(i.default,{className:"h-4 w-4"})})}),(0,l.jsx)(n.eT,{children:r})]})});h.displayName=n.ck.displayName,r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,l.jsx)(n.Z0,{ref:t,className:(0,c.cn)("-mx-1 my-1 h-px bg-muted",a),...r})}).displayName=n.Z0.displayName},3864:function(e,t,a){"use strict";a.d(t,{B:function(){return o}});var l=a(7653),r=a(27573),n=a(94492),s=a(8828);function o(e){let t=e+"CollectionProvider",[a,o]=function(e,t=[]){let a=[],n=()=>{let t=a.map(e=>l.createContext(e));return function(a){let r=a?.[e]||t;return l.useMemo(()=>({[`__scope${e}`]:{...a,[e]:r}}),[a,r])}};return n.scopeName=e,[function(t,n){let s=l.createContext(n),o=a.length;function i(t){let{scope:a,children:n,...i}=t,c=a?.[e][o]||s,d=l.useMemo(()=>i,Object.values(i));return(0,r.jsx)(c.Provider,{value:d,children:n})}return a=[...a,n],i.displayName=t+"Provider",[i,function(a,r){let i=r?.[e][o]||s,c=l.useContext(i);if(c)return c;if(void 0!==n)return n;throw Error(`\`${a}\` must be used within \`${t}\``)}]},function(...e){let t=e[0];if(1===e.length)return t;let a=()=>{let a=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let r=a.reduce((t,{useScope:a,scopeName:l})=>{let r=a(e)[`__scope${l}`];return{...t,...r}},{});return l.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return a.scopeName=t.scopeName,a}(n,...t)]}(t),[i,c]=a(t,{collectionRef:{current:null},itemMap:new Map}),d=e=>{let{scope:t,children:a}=e,n=l.useRef(null),s=l.useRef(new Map).current;return(0,r.jsx)(i,{scope:t,itemMap:s,collectionRef:n,children:a})};d.displayName=t;let u=e+"CollectionSlot",m=l.forwardRef((e,t)=>{let{scope:a,children:l}=e,o=c(u,a),i=(0,n.e)(t,o.collectionRef);return(0,r.jsx)(s.g7,{ref:i,children:l})});m.displayName=u;let x=e+"CollectionItemSlot",f="data-radix-collection-item",p=l.forwardRef((e,t)=>{let{scope:a,children:o,...i}=e,d=l.useRef(null),u=(0,n.e)(t,d),m=c(x,a);return l.useEffect(()=>(m.itemMap.set(d,{ref:d,...i}),()=>void m.itemMap.delete(d))),(0,r.jsx)(s.g7,{[f]:"",ref:u,children:o})});return p.displayName=x,[{Provider:d,Slot:m,ItemSlot:p},function(t){let a=c(e+"CollectionConsumer",t);return l.useCallback(()=>{let e=a.collectionRef.current;if(!e)return[];let t=Array.from(e.querySelectorAll("[".concat(f,"]")));return Array.from(a.itemMap.values()).sort((e,a)=>t.indexOf(e.ref.current)-t.indexOf(a.ref.current))},[a.collectionRef,a.itemMap])},o]}},21004:function(e,t,a){"use strict";a.d(t,{gm:function(){return n}});var l=a(7653);a(27573);var r=l.createContext(void 0);function n(e){let t=l.useContext(r);return e||t||"ltr"}}},function(e){e.O(0,[92166,16340,83950,92944,24019,55084,22529,45163,79323,30022,64387,31224,99857,76529,67060,75846,37290,46709,81293,1528,1744],function(){return e(e.s=68044)}),_N_E=e.O()}]);