https://nelpi.co.uk/_next/static/chunks/8788.7b0ea66958decaed.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8788],{28788:(e,t,n)=>{let o,r,l;n.r(t),n.d(t,{default:()=>em});var a=n(89142),s=n(29426),u=n(72736),i=n(94070),c=n(33319),d=n(37425),p=n(60489),f=n(43100),v=n(92823),b=n(29648),m=n(7226),h=n(35079),P=n(5310),y=n(21495),g=n(86826),S=n(9186),C=n(41045);let w=(0,i.createContext)(null);function k({children:e,node:t}){let[n,o]=(0,i.useState)(null),r=_(null!=t?t:n);return i.createElement(w.Provider,{value:r},e,null===r&&i.createElement(g.j,{features:g.u.Hidden,ref:e=>{var t,n;if(e){for(let r of null!=(n=null==(t=(0,C.TW)(e))?void 0:t.querySelectorAll("html > *, body > *"))?n:[])if(r!==document.body&&r!==document.head&&S.vq(r)&&null!=r&&r.contains(e)){o(r);break}}}}))}function _(e=null){var t;return null!=(t=(0,i.useContext)(w))?t:e}var I=n(91516),B=n(37635),E=n(91941),x=n(37426),F=((o=F||{})[o.Forwards=0]="Forwards",o[o.Backwards=1]="Backwards",o);function O(){let e=(0,i.useRef)(0);return(0,x.M)(!0,"keydown",t=>{"Tab"===t.key&&(e.current=+!!t.shiftKey)},!0),e}var D=n(45230),M=n(2808),N=n(27636),j=n(10833),T=n(96251),q=n(15289),U=n(55946),Y=n(77647),$=n(30054),G=n(10432),R=n(81917),X=n(82185),z=n(41565),A=Object.defineProperty,K=(e,t,n)=>{let o;return(o="symbol"!=typeof t?t+"":t)in e?A(e,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[o]=n,n},L=((r=L||{})[r.Open=0]="Open",r[r.Closed=1]="Closed",r),W=((l=W||{})[l.OpenPopover=0]="OpenPopover",l[l.ClosePopover=1]="ClosePopover",l[l.SetButton=2]="SetButton",l[l.SetButtonId=3]="SetButtonId",l[l.SetPanel=4]="SetPanel",l[l.SetPanelId=5]="SetPanelId",l);let Z={0:e=>0===e.popoverState?e:{...e,popoverState:0,__demoMode:!1},1:e=>1===e.popoverState?e:{...e,popoverState:1,__demoMode:!1},2:(e,t)=>e.button===t.button?e:{...e,button:t.button},3:(e,t)=>

1e.buttonId===t.buttonId?e:{...e,buttonId:t.buttonId},4:(e,t)=>e.panel===t.panel?e:{...e,panel:t.panel},5:(e,t)=>e.panelId===t.panelId?e:{...e,panelId:t.panelId}};class H extends X.u5{constructor(e){super(e),K(this,"actions",{close:()=>this.send({type:1}),refocusableClose:e=>{this.actions.close();let t=e?S.sb(e)?e:"current"in e&&S.sb(e.current)?e.current:this.state.button:this.state.button;null==t||t.focus()},open:()=>this.send({type:0}),setButtonId:e=>this.send({type:3,buttonId:e}),setButton:e=>this.send({type:2,button:e}),setPanelId:e=>this.send({type:5,panelId:e}),setPanel:e=>this.send({type:4,panel:e})}),K(this,"selectors",{isPortalled:e=>{var t;if(!e.button||!e.panel)return!1;let n=null!=(t=(0,C.TW)(e.button))?t:document;for(let t of n.querySelectorAll("body > *"))if(Number(null==t?void 0:t.contains(e.button))^Number(null==t?void 0:t.contains(e.panel)))return!0;let o=(0,U.iq)(n),r=o.indexOf(e.button),l=(r+o.length-1)%o.length,a=(r+1)%o.length,s=o[l],u=o[a];return!e.panel.contains(s)&&!e.panel.contains(u)}});{let e=this.state.id,t=z.D.get(null);this.on(0,()=>t.actions.push(e)),this.on(1,()=>t.actions.pop(e))}}static new({id:e,__demoMode:t=!1}){return new H({id:e,__demoMode:t,popoverState:+!t,buttons:{current:[]},button:null,buttonId:null,panel:null,panelId:null,beforePanelSentinel:{current:null},afterPanelSentinel:{current:null},afterButtonSentinel:{current:null}})}reduce(e,t){return(0,Y.Y)(t.type,Z,e,t)}}var V=n(46607);let J=(0,i.createContext)(null);function Q(e){let t=(0,i.useContext)(J);if(null===t){let t=Error(`<${e} /> is missing a parent <Popover /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,Q),t}return t}let ee=(0,i.createContext)(null);function et(){return(0,i.useContext)(ee)}ee.displayName="PopoverGroupContext";let en=(0,i.createContext)(null);en.displayName="PopoverPanelContext";let eo=$.Ac.RenderStrategy|$.Ac.Static;function er(e,t){let n=(0,i.useId)(),{id:o=`headlessui-popover-backdrop-${n}`,transition:r=!1,...l}=e,a=Q("Popover.Backdrop"),s=(0,T.y)(a,(0,i.useCallback)(e=>e.popoverState,[])),[u,c]=(0,i.useState)(null),d=(0,E.P)(t,c),f=(0,j.O_)(),[v,b]=(0,D.p)(r,u,null!==f?(f&j.Uw.Open)===j.Uw.Open:s===L.Open),m=(0,p._)(e=>{if((0,q.l)(e.currentTarget))return e.preventDefault();a.actions.close()}),h=(0,B._)({open:s===L.Open}),P={ref:d,id:o,"aria-hidden":!0,onClick:m,...(0,D.B)(b)};return(0,$.Ci)()({ourProps:P,theirProps:l,slot:h,defaultTag:"div",features:eo,visible:v,name:"Popover.Backdrop"})}let el=$.Ac.RenderStrategy|$.Ac.Static,ea=(0,$.FX)(function(e,t){var n;let o=(0,i.useId)(),{__demoMode:r=!1,...l}=e,a=function({id:e,__demoMode:t=!1}){let n=(0,i.useMemo)(()=>H.new({id:e,__demoMode:t}),[]);return(0,V.X)(()=>n.dispose()),n}({id:o,__demoMode:r}),s=(0,i.useRef)(null),u=(0,E.P)(t,(0,E.a)(e=>{s.current=e})),[c,d,v,m,y]=(0,T.y)(a,(0,i.useCallback)(e=>[e.popoverState,e.button,e.panel,e.buttonId,e.panelId],[])),g=(0,P.h)(null!=(n=s.current)?n:d),w=(0,b.Y)(m),I=(0,b.Y)(y),x=(0,i.useMemo)(()=>({buttonId:w,panelId:I,close:a.actions.close}),[w,I,a]),F=et(),O=null==F?void 0:F.registerPopover,D=(0,p._)(()=>{var e,t;let n=(0,C.bq)(null!=(e=s.current)?e:d);return null!=(t=null==F?void 0:F.isFocusWithinPopoverGroup())?t:n&&((null==d?void 0:d.contains(n))||(null==v?void 0:v.contains(n)))});(0,i.useEffect)(()=>null==O?void 0:O(x),[O,x]);let[q,G]=(0,R.k2)(),X=_(d),z=function({defaultContainers:e=[],portals:t,mainTreeNode:n}={}){let o=(0,p._)(()=>{var o,r;let l=(0,C.TW)(n),a=[];for(let t of e)null!==t&&(S.vq(t)?a.push(t):"current"in t&&S.vq(t.current)&&a.push(t.current));if(null!=t&&t.current)for(let e of t.current)a.push(e);for(let e of null!=(o=null==l?void 0:l.querySelectorAll("html > *, body > *"))?o:[])e!==document.body&&e!==document.head&&S.vq(e)&&"headlessui-portal-root"!==e.id&&(n&&(e.contains(n)||e.contains(null==(r=null==n?void 0:n.getRootNode())?void 0:r.host))||a.some(t=>e.contains(t))||a.push(e));return a});

1return{resolveContainers:o,contains:(0,p._)(e=>o().some(t=>t.contains(e)))}}({mainTreeNode:X,portals:q,defaultContainers:[{get current(){return a.state.button}},{get current(){return a.state.panel}}]});(0,f.M)(g,"focus",e=>{var t,n,o,r,l,s;e.target!==window&&S.Lk(e.target)&&a.state.popoverState===L.Open&&(D()||a.state.button&&a.state.panel&&(z.contains(e.target)||null!=(n=null==(t=a.state.beforePanelSentinel.current)?void 0:t.contains)&&n.call(t,e.target)||null!=(r=null==(o=a.state.afterPanelSentinel.current)?void 0:o.contains)&&r.call(o,e.target)||null!=(s=null==(l=a.state.afterButtonSentinel.current)?void 0:l.contains)&&s.call(l,e.target)||a.actions.close()))},!0);let A=c===L.Open;(0,h.j)(A,z.resolveContainers,(e,t)=>{a.actions.close(),(0,U.Bm)(t,U.MZ.Loose)||(e.preventDefault(),null==d||d.focus())});let K=(0,B._)({open:c===L.Open,close:a.actions.refocusableClose}),W=(0,T.y)(a,(0,i.useCallback)(e=>(0,Y.Y)(e.popoverState,{[L.Open]:j.Uw.Open,[L.Closed]:j.Uw.Closed}),[])),Z=(0,$.Ci)();return i.createElement(k,{node:X},i.createElement(N.St,null,i.createElement(en.Provider,{value:null},i.createElement(J.Provider,{value:a},i.createElement(M.e,{value:a.actions.refocusableClose},i.createElement(j.El,{value:W},i.createElement(G,null,Z({ourProps:{ref:u},theirProps:l,slot:K,defaultTag:"div",name:"Popover"}))))))))}),es=(0,$.FX)(function(e,t){let n=(0,i.useId)(),{id:o=`headlessui-popover-button-${n}`,disabled:r=!1,autoFocus:l=!1,...a}=e,d=Q("Popover.Button"),[f,v,b,m,h,P,w]=(0,T.y)(d,(0,i.useCallback)(e=>[e.popoverState,d.selectors.isPortalled(e),e.button,e.buttonId,e.panel,e.panelId,e.afterButtonSentinel],[])),k=(0,i.useRef)(null),_=`headlessui-focus-sentinel-${(0,i.useId)()}`,I=et(),x=null==I?void 0:I.closeOthers,D=null!==(0,i.useContext)(en);(0,i.useEffect)(()=>{if(!D)return d.actions.setButtonId(o),()=>d.actions.setButtonId(null)},[D,o,d]);let[M]=(0,i.useState)(()=>Symbol()),j=(0,E.P)(k,t,(0,N.Xc)(),(0,p._)(e=>{if(!D){if(e)d.state.buttons.current.push(M);else{let e=d.state.buttons.current.indexOf(M);-1!==e&&d.state.buttons.current.splice(e,1)}d.state.buttons.current.length>1&&console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."),e&&d.actions.setButton(e)}})),R=(0,E.P)(k,t),X=(0,p._)(e=>{var t,n,o;if(D){if(d.state.popoverState===L.Closed)return;switch(e.key){case G.D.Space:case G.D.Enter:e.preventDefault(),null==(n=(t=e.target).click)||n.call(t),d.actions.close(),null==(o=d.state.button)||o.focus()}}else switch(e.key){case G.D.Space:case G.D.Enter:e.preventDefault(),e.stopPropagation(),d.state.popoverState===L.Closed?(null==x||x(d.state.buttonId),d.actions.open()):d.actions.close();break;case G.D.Escape:if(d.state.popoverState!==L.Open)return null==x?void 0:x(d.state.buttonId);if(!k.current)return;let r=(0,C.bq)(k.current);if(r&&!k.current.contains(r))return;e.preventDefault(),e.stopPropagation(),d.actions.close()}}),z=(0,p._)(e=>{D||e.key===G.D.Space&&e.preventDefault()}),A=(0,p._)(e=>{var t,n;(0,q.l)(e.currentTarget)||r||(D?(d.actions.close(),null==(t=d.state.button)||t.focus()):(e.preventDefault(),e.stopPropagation(),d.state.popoverState===L.Closed?(null==x||x(d.state.buttonId),d.actions.open()):d.actions.close(),null==(n=d.state.button)||n.focus()))}),K=(0,p._)(e=>{e.preventDefault(),e.stopPropagation()}),{isFocusVisible:W,focusProps:Z}=(0,s.o)({autoFocus:l}),{isHovered:H,hoverProps:V}=(0,u.M)({isDisabled:r}),{pressed:J,pressProps:ee}=(0,c.Z)({disabled:r}),eo=f===L.Open,er=(0,B._)({open:eo,active:J||eo,disabled:r,hover:H,focus:W,autofocus:l}),el=(0,y.c)(e,b),ea=D?(0,$.v6)({ref:R,type:el,onKeyDown:X,onClick:A,disabled:r||void 0,autoFocus:l},Z,V,ee):(0,$.v6)({ref:j,id:m,type:el,"aria-expanded":f===L.Open,"aria-controls":h?P:void 0,disabled:r||void 0,autoFocus:l,onKeyDown:X,onKeyUp:z,onClick:A,onMouseDown:K},Z,V,ee),es=O(),eu=(0,p._)(()=>{if(!S.sb(d.state.panel))return;let e=d.state.panel;(0,Y.Y)(es.current,{[F.Forwards]:()=>(0,U.CU)(e,U.BD.First),[F.Backwards]:()=>(0,U.CU)(e,U.BD.Last)})===U.Me.Error&&(0,U.CU)((0,U.iq)((0,C.zm)(d.state.button)).filter(e=>"true"!==e.dataset.headlessuiFocusGuard),(0,Y.Y)(es.current,{[F.Forwards]:U.BD.Next,[F.Backwards]:U.BD.Previous}),{relativeTo:d.state.button})}),ei=(0,$.Ci)();return i.createElement(i.Fragment,null,ei({ourProps:ea,theirProps:a,slot:er,defaultTag:"button",name:"Popover.Button"}),eo&&!D&&v&&i.createElement(g.j,{id:_,ref:w,features:g.u.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:eu}))}

1),eu=(0,$.FX)(er),ei=Object.assign(ea,{Button:es,Backdrop:(0,$.FX)(er),Overlay:eu,Panel:(0,$.FX)(function(e,t){let n=(0,i.useId)(),{id:o=`headlessui-popover-panel-${n}`,focus:r=!1,anchor:l,portal:a=!1,modal:s=!1,transition:u=!1,...c}=e,f=Q("Popover.Panel"),b=(0,T.y)(f,f.selectors.isPortalled),[h,y,S,w,k]=(0,T.y)(f,(0,i.useCallback)(e=>[e.popoverState,e.button,e.__demoMode,e.beforePanelSentinel,e.afterPanelSentinel],[])),_=`headlessui-focus-sentinel-before-${n}`,x=`headlessui-focus-sentinel-after-${n}`,q=(0,i.useRef)(null),X=(0,N.zn)(l),[z,A]=(0,N.UF)(X),K=(0,N.G3)();X&&(a=!0);let[W,Z]=(0,i.useState)(null),H=(0,E.P)(q,t,X?z:null,f.actions.setPanel,Z),V=(0,P.g)(y),J=(0,P.g)(q.current);(0,v.s)(()=>(f.actions.setPanelId(o),()=>f.actions.setPanelId(null)),[o,f]);let ee=(0,j.O_)(),[et,eo]=(0,D.p)(u,W,null!==ee?(ee&j.Uw.Open)===j.Uw.Open:h===L.Open);(0,m.O)(et,y,f.actions.close),(0,I.K)(!S&&s&&et,J);let er=(0,p._)(e=>{var t;if(e.key===G.D.Escape){if(f.state.popoverState!==L.Open||!q.current)return;let n=(0,C.bq)(q.current);if(n&&!q.current.contains(n))return;e.preventDefault(),e.stopPropagation(),f.actions.close(),null==(t=f.state.button)||t.focus()}});(0,i.useEffect)(()=>{var t;e.static||h===L.Closed&&(null==(t=e.unmount)||t)&&f.actions.setPanel(null)},[h,e.unmount,e.static,f]),(0,i.useEffect)(()=>{if(S||!r||h!==L.Open||!q.current)return;let e=(0,C.bq)(q.current);q.current.contains(e)||(0,U.CU)(q.current,U.BD.First)},[S,r,q.current,h]);let ea=(0,B._)({open:h===L.Open,close:f.actions.refocusableClose}),es=(0,$.v6)(X?K():{},{ref:H,id:o,onKeyDown:er,onBlur:r&&h===L.Open?e=>{var t,n,o,r,l;let a=e.relatedTarget;a&&q.current&&(null!=(t=q.current)&&t.contains(a)||(f.actions.close(),(null!=(o=null==(n=w.current)?void 0:n.contains)&&o.call(n,a)||null!=(l=null==(r=k.current)?void 0:r.contains)&&l.call(r,a))&&a.focus({preventScroll:!0})))}:void 0,tabIndex:-1,style:{...c.style,...A,"--button-width":(0,d.L)(et,y,!0).width},...(0,D.B)(eo)}),eu=O(),ei=(0,p._)(()=>{let e=q.current;e&&(0,Y.Y)(eu.current,{[F.Forwards]:()=>{var t;(0,U.CU)(e,U.BD.First)===U.Me.Error&&(null==(t=f.state.afterPanelSentinel.current)||t.focus())},[F.Backwards]:()=>{var e;null==(e=f.state.button)||e.focus({preventScroll:!0})}})}),ec=(0,p._)(()=>{let e=q.current;e&&(0,Y.Y)(eu.current,{[F.Forwards]:()=>{var e;if(!f.state.button)return;let t=null!=(e=(0,C.zm)(f.state.button))?e:document.body,n=(0,U.iq)(t),o=n.indexOf(f.state.button),r=n.slice(0,o+1),l=[...n.slice(o+1),...r];for(let e of l.slice())if("true"===e.dataset.headlessuiFocusGuard||null!=W&&W.contains(e)){let t=l.indexOf(e);-1!==t&&l.splice(t,1)}(0,U.CU)(l,U.BD.First,{sorted:!1})},[F.Backwards]:()=>{var t;(0,U.CU)(e,U.BD.Previous)===U.Me.Error&&(null==(t=f.state.button)||t.focus())}})}),ed=(0,$.Ci)();return i.createElement(j.$x,null,i.createElement(en.Provider,{value:o},i.createElement(M.e,{value:f.actions.refocusableClose},i.createElement(R.ZL,{enabled:!!a&&(e.static||et),ownerDocument:V},et&&b&&i.createElement(g.j,{id:_,ref:w,features:g.u.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:ei}),ed({ourProps:es,theirProps:c,slot:ea,defaultTag:"div",features:el,visible:et,name:"Popover.Panel"}),et&&b&&i.createElement(g.j,{id:x,ref:k,features:g.u.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:ec})))))}),Group:(0,$.FX)(function(e,t){let n=(0,i.useRef)(null),o=(0,E.P)(n,t),[r,l]=(0,i.useState)([]),a=(0,p._)(e=>{l(t=>{let n=t.indexOf(e);if(-1!==n){let e=t.slice();return e.splice(n,1),e}return t})}),s=(0,p._)(e=>(l(t=>[...t,e]),()=>a(e))),u=(0,p._)(()=>{var e;let t=(0,C.zm)(n.current);if(!t)return!1;let o=(0,C.bq)(n.current);return!!(null!=(e=n.current)&&e.contains(o))||r.some(e=>{var n,r;return(null==(n=t.getElementById(e.buttonId.current))?void 0:n.contains(o))||(null==(r=t.getElementById(e.panelId.current))?void 0:r.contains(o))})}),c=(0,p._)(e=>{for(let t of r)t.buttonId.current!==e&&t.close()}),d=(0,i.useMemo)(()=>({registerPopover:s,unregisterPopover:a,isFocusWithinPopoverGroup:u,closeOthers:c}),[s,a,u,c]),f=(0,B._)({}),v=(0,$.Ci)();return i.createElement(k,null,i.createElement(ee.Provider,{value:d},v({ourProps:{ref:o},theirProps:e,slot:f,defaultTag:"div",name:"Popover.Group"})))})});var ec=n(93657),ed=n(46001),ep=n.n(ed),ef=n(19784),ev=n(20196);let eb=["slate","gray","zinc","neutral","stone","amber","yellow","lime","green","emerald","teal","cyan","sky","blue","indigo","violet","purple","fuchsia","pink","rose","red","white"];function em(){let{color:e,setColor:t}=(0,i.useContext)(ev.D);

1return e?(0,a.jsx)("div",{id:"color",className:"w-full self-center",children:(0,a.jsxs)(ei,{className:"relative flex items-center",children:[(0,a.jsxs)(ei.Button,{className:"outline-hidden",children:[(0,a.jsx)(ef.rKz,{className:"h-5 w-5 text-theme-800 dark:text-theme-200 transition duration-150 ease-in-out","aria-hidden":"true"}),(0,a.jsx)("span",{className:"sr-only",children:"Change color"})]}),(0,a.jsx)(ec.e,{as:i.Fragment,enter:"transition ease-out duration-200",enterFrom:"opacity-0 translate-y-1",enterTo:"opacity-100 translate-y-0",leave:"transition ease-in duration-150",leaveFrom:"opacity-100 translate-y-0",leaveTo:"opacity-0 translate-y-1",children:(0,a.jsx)(ei.Panel,{className:"absolute -top-[75px] left-0 z-10",children:(0,a.jsx)("div",{className:"rounded-md shadow-lg ring-1 ring-black ring-opacity-5 w-[85vw] sm:w-full",children:(0,a.jsx)("div",{className:"relative grid gap-2 p-2 grid-cols-11 bg-white/50 dark:bg-white/10 shadow-black/10 dark:shadow-black/20 rounded-md shadow-md",children:eb.map(n=>(0,a.jsxs)("button",{type:"button",onClick:()=>t(n),children:[(0,a.jsx)("div",{title:n,className:ep()(e===n?"border-2":"border-0",`rounded-md w-5 h-5 border-black/50 dark:border-white/50 theme-${n} bg-theme-400`)}),(0,a.jsx)("span",{className:"sr-only",children:n})]},n))})})})})]})}):null}}}]);