(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24028],{8727:function(e){var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;e.exports=function(e,l){try{return function e(l,a){if(l===a)return!0;if(l&&a&&"object"==typeof l&&"object"==typeof a){var u,s,i,c;if(l.constructor!==a.constructor)return!1;if(Array.isArray(l)){if((u=l.length)!=a.length)return!1;for(s=u;0!=s--;)if(!e(l[s],a[s]))return!1;return!0}if(n&&l instanceof Map&&a instanceof Map){if(l.size!==a.size)return!1;for(c=l.entries();!(s=c.next()).done;)if(!a.has(s.value[0]))return!1;for(c=l.entries();!(s=c.next()).done;)if(!e(s.value[1],a.get(s.value[0])))return!1;return!0}if(r&&l instanceof Set&&a instanceof Set){if(l.size!==a.size)return!1;for(c=l.entries();!(s=c.next()).done;)if(!a.has(s.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(l)&&ArrayBuffer.isView(a)){if((u=l.length)!=a.length)return!1;for(s=u;0!=s--;)if(l[s]!==a[s])return!1;return!0}if(l.constructor===RegExp)return l.source===a.source&&l.flags===a.flags;if(l.valueOf!==Object.prototype.valueOf&&"function"==typeof l.valueOf&&"function"==typeof a.valueOf)return l.valueOf()===a.valueOf();if(l.toString!==Object.prototype.toString&&"function"==typeof l.toString&&"function"==typeof a.toString)return l.toString()===a.toString();if((u=(i=Object.keys(l)).length)!==Object.keys(a).length)return!1;for(s=u;0!=s--;)if(!Object.prototype.hasOwnProperty.call(a,i[s]))return!1;if(t&&l instanceof Element)return!1;for(s=u;0!=s--;)if(("_owner"!==i[s]&&"__v"!==i[s]&&"__o"!==i[s]||!l.$$typeof)&&!e(l[i[s]],a[i[s]]))return!1;return!0}return l!=l&&a!=a}(e,l)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}}},13264:function(e,t,n){"use strict";n.d(t,{D:function(){return d}});var r=n(2265),o=n(54887),l=n(16349),a=n(8727),u=n.n(a),s=function(e){return e.reduce(function(e,t){var n=t[0],r=t[1];return e[n]=r,e},{})},i="undefined"!=typeof window&&window.document&&window.document.createElement?r.useLayoutEffect:r.useEffect,c=[],d=function(e,t,n){void 0===n&&(n={});var a=r.useRef(null),d={onFirstUpdate:n.onFirstUpdate,placement:n.placement||"bottom",strategy:n.strategy||"absolute",modifiers:n.modifiers||c},p=r.useState({styles:{popper:{position:d.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),f=p[0],v=p[1],h=r.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(e){var t=e.state,n=Object.keys(t.elements);o.flushSync(function(){v({styles:s(n.map(function(e){return[e,t.styles[e]||{}]})),attributes:s(n.map(function(e){return[e,t.attributes[e]]}))})})},requires:["computeStyles"]}},[]),m=r.useMemo(function(){var e={onFirstUpdate:d.onFirstUpdate,placement:d.placement,strategy:d.strategy,modifiers:[].concat(d.modifiers,[h,{name:"applyStyles",enabled:!1}])};return u()(a.current,e)?a.current||e:(a.current=e,e)},[d.onFirstUpdate,d.placement,d.strategy,d.modifiers,h]),g=r.useRef();return i(function(){g.current&&g.current.setOptions(m)},[m]),i(function(){if(null!=e&&null!=t){var r=(n.createPopper||l.fi)(e,t,m);return g.current=r,function(){r.destroy(),g.current=null}}},[e,t,n.createPopper]),{state:g.current?g.current.state:null,styles:f.styles,attributes:f.attributes,update:g.current?g.current.update:null,forceUpdate:g.current?g.current.forceUpdate:null}}},57141:function(){},21886:function(e,t,n){"use strict";let r,o;n.d(t,{p:function(){return I}});var l,a=n(2265),u=n(13323),s=n(17684),i=n(80004),c=n(93689),d=n(37863),p=n(47634),f=n(24536),v=n(40293),h=n(27847);let m=null!=(l=a.startTransition)?l:function(e){e()};var g=n(37388),b=((r=b||{})[r.Open=0]="Open",r[r.Closed=1]="Closed",r),y=((o=y||{})[o.ToggleDisclosure=0]="ToggleDisclosure",o[o.CloseDisclosure=1]="CloseDisclosure",o[o.SetButtonId=2]="SetButtonId",o[o.SetPanelId=3]="SetPanelId",o[o.LinkPanel=4]="LinkPanel",o[o.UnlinkPanel=5]="UnlinkPanel",o);let E={0:e=>({...e,disclosureState:(0,f.E)(e.disclosureState,{0:1,1:0})}),1:e=>1===e.disclosureState?e:{...e,disclosureState:1},4:e=>!0===e.linkedPanel?e:{...e,linkedPanel:!0},5:e=>!1===e.linkedPanel?e:{...e,linkedPanel:!1},2:(e,t)=>e.buttonId===t.buttonId?e:{...e,buttonId:t.buttonId},3:(e,t)=>e.panelId===t.panelId?e:{...e,panelId:t.panelId}},P=(0,a.createContext)(null);function S(e){let t=(0,a.useContext)(P);if(null===t){let t=Error("<".concat(e," /> is missing a parent <Disclosure /> component."));throw Error.captureStackTrace&&Error.captureStackTrace(t,S),t}return t}P.displayName="DisclosureContext";let C=(0,a.createContext)(null);C.displayName="DisclosureAPIContext";let x=(0,a.createContext)(null);function w(e,t){return(0,f.E)(t.type,E,e,t)}x.displayName="DisclosurePanelContext";let k=a.Fragment,M=h.AN.RenderStrategy|h.AN.Static,I=Object.assign((0,h.yV)(function(e,t){let{defaultOpen:n=!1,...r}=e,o=(0,a.useRef)(null),l=(0,c.T)(t,(0,c.h)(e=>{o.current=e},void 0===e.as||e.as===a.Fragment)),s=(0,a.useRef)(null),i=(0,a.useRef)(null),p=(0,a.useReducer)(w,{disclosureState:n?0:1,linkedPanel:!1,buttonRef:i,panelRef:s,buttonId:null,panelId:null}),[{disclosureState:m,buttonId:g},b]=p,y=(0,u.z)(e=>{b({type:1});let t=(0,v.r)(o);if(!t||!g)return;let n=e?e instanceof HTMLElement?e:e.current instanceof HTMLElement?e.current:t.getElementById(g):t.getElementById(g);null==n||n.focus()}),E=(0,a.useMemo)(()=>({close:y}),[y]),S=(0,a.useMemo)(()=>({open:0===m,close:y}),[m,y]);return a.createElement(P.Provider,{value:p},a.createElement(C.Provider,{value:E},a.createElement(d.up,{value:(0,f.E)(m,{0:d.ZM.Open,1:d.ZM.Closed})},(0,h.sY)({ourProps:{ref:l},theirProps:r,slot:S,defaultTag:k,name:"Disclosure"}))))}),{Button:(0,h.yV)(function(e,t){let n=(0,s.M)(),{id:r="headlessui-disclosure-button-".concat(n),...o}=e,[l,d]=S("Disclosure.Button"),f=(0,a.useContext)(x),v=null!==f&&f===l.panelId,m=(0,a.useRef)(null),b=(0,c.T)(m,t,v?null:l.buttonRef),y=(0,h.Y2)();(0,a.useEffect)(()=>{if(!v)return d({type:2,buttonId:r}),()=>{d({type:2,buttonId:null})}},[r,d,v]);let E=(0,u.z)(e=>{var t;if(v){if(1===l.disclosureState)return;switch(e.key){case g.R.Space:case g.R.Enter:e.preventDefault(),e.stopPropagation(),d({type:0}),null==(t=l.buttonRef.current)||t.focus()}}else switch(e.key){case g.R.Space:case g.R.Enter:e.preventDefault(),e.stopPropagation(),d({type:0})}}),P=(0,u.z)(e=>{e.key===g.R.Space&&e.preventDefault()}),C=(0,u.z)(t=>{var n;(0,p.P)(t.currentTarget)||e.disabled||(v?(d({type:0}),null==(n=l.buttonRef.current)||n.focus()):d({type:0}))}),w=(0,a.useMemo)(()=>({open:0===l.disclosureState}),[l]),k=(0,i.f)(e,m),M=v?{ref:b,type:k,onKeyDown:E,onClick:C}:{ref:b,id:r,type:k,"aria-expanded":0===l.disclosureState,"aria-controls":l.linkedPanel?l.panelId:void 0,onKeyDown:E,onKeyUp:P,onClick:C};return(0,h.sY)({mergeRefs:y,ourProps:M,theirProps:o,slot:w,defaultTag:"button",name:"Disclosure.Button"})}),Panel:(0,h.yV)(function(e,t){let n=(0,s.M)(),{id:r="headlessui-disclosure-panel-".concat(n),...o}=e,[l,u]=S("Disclosure.Panel"),{close:i}=function e(t){let n=(0,a.useContext)(C);if(null===n){let n=Error("<".concat(t," /> is missing a parent <Disclosure /> component."));throw Error.captureStackTrace&&Error.captureStackTrace(n,e),n}return n}("Disclosure.Panel"),p=(0,h.Y2)(),f=(0,c.T)(t,l.panelRef,e=>{m(()=>u({type:e?4:5}))});(0,a.useEffect)(()=>(u({type:3,panelId:r}),()=>{u({type:3,panelId:null})}),[r,u]);let v=(0,d.oJ)(),g=null!==v?(v&d.ZM.Open)===d.ZM.Open:0===l.disclosureState,b=(0,a.useMemo)(()=>({open:0===l.disclosureState,close:i}),[l,i]);return a.createElement(x.Provider,{value:l.panelId},(0,h.sY)({mergeRefs:p,ourProps:{ref:f,id:r},theirProps:o,slot:b,defaultTag:"div",features:M,visible:g,name:"Disclosure.Panel"}))})})},62756:function(e,t,n){"use strict";let r,o;n.d(t,{J:function(){return L}});var l=n(2265),a=n(31094),u=n(13323),s=n(96802),i=n(17684),c=n(64518),d=n(31948),p=n(32539),f=n(40048),v=n(80004),h=n(28851),m=n(93689),g=n(18369),b=n(38198),y=n(37863),E=n(47634),P=n(37105),S=n(24536),C=n(40293),x=n(27847),w=n(37388),k=((r=k||{})[r.Open=0]="Open",r[r.Closed=1]="Closed",r),M=((o=M||{})[o.TogglePopover=0]="TogglePopover",o[o.ClosePopover=1]="ClosePopover",o[o.SetButton=2]="SetButton",o[o.SetButtonId=3]="SetButtonId",o[o.SetPanel=4]="SetPanel",o[o.SetPanelId=5]="SetPanelId",o);let I={0:e=>{let t={...e,popoverState:(0,S.E)(e.popoverState,{0:1,1:0})};return 0===t.popoverState&&(t.__demoMode=!1),t},1:e=>1===e.popoverState?e:{...e,popoverState:1},2:(e,t)=>e.button===t.button?e:{...e,button:t.button},3:(e,t)=>e.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}},N=(0,l.createContext)(null);function O(e){let t=(0,l.useContext)(N);if(null===t){let t=Error("<".concat(e," /> is missing a parent <Popover /> component."));throw Error.captureStackTrace&&Error.captureStackTrace(t,O),t}return t}N.displayName="PopoverContext";let R=(0,l.createContext)(null);function T(e){let t=(0,l.useContext)(R);if(null===t){let t=Error("<".concat(e," /> is missing a parent <Popover /> component."));throw Error.captureStackTrace&&Error.captureStackTrace(t,T),t}return t}R.displayName="PopoverAPIContext";let B=(0,l.createContext)(null);function D(){return(0,l.useContext)(B)}B.displayName="PopoverGroupContext";let j=(0,l.createContext)(null);function A(e,t){return(0,S.E)(t.type,I,e,t)}j.displayName="PopoverPanelContext";let F=x.AN.RenderStrategy|x.AN.Static,z=x.AN.RenderStrategy|x.AN.Static,L=Object.assign((0,x.yV)(function(e,t){var n;let{__demoMode:r=!1,...o}=e,i=(0,l.useRef)(null),c=(0,m.T)(t,(0,m.h)(e=>{i.current=e})),v=(0,l.useRef)([]),g=(0,l.useReducer)(A,{__demoMode:r,popoverState:r?0:1,buttons:v,button:null,buttonId:null,panel:null,panelId:null,beforePanelSentinel:(0,l.createRef)(),afterPanelSentinel:(0,l.createRef)()}),[{popoverState:b,button:E,buttonId:C,panel:w,panelId:k,beforePanelSentinel:M,afterPanelSentinel:I},O]=g,T=(0,f.i)(null!=(n=i.current)?n:E),B=(0,l.useMemo)(()=>{if(!E||!w)return!1;for(let e of document.querySelectorAll("body > *"))if(Number(null==e?void 0:e.contains(E))^Number(null==e?void 0:e.contains(w)))return!0;let e=(0,P.GO)(),t=e.indexOf(E),n=(t+e.length-1)%e.length,r=(t+1)%e.length,o=e[n],l=e[r];return!w.contains(o)&&!w.contains(l)},[E,w]),F=(0,d.E)(C),z=(0,d.E)(k),L=(0,l.useMemo)(()=>({buttonId:F,panelId:z,close:()=>O({type:1})}),[F,z,O]),_=D(),H=null==_?void 0:_.registerPopover,V=(0,u.z)(()=>{var e;return null!=(e=null==_?void 0:_.isFocusWithinPopoverGroup())?e:(null==T?void 0:T.activeElement)&&((null==E?void 0:E.contains(T.activeElement))||(null==w?void 0:w.contains(T.activeElement)))});(0,l.useEffect)(()=>null==H?void 0:H(L),[H,L]);let[Y,Z]=(0,a.k)(),G=(0,h.v)({mainTreeNodeRef:null==_?void 0:_.mainTreeNodeRef,portals:Y,defaultContainers:[E,w]});(0,s.O)(null==T?void 0:T.defaultView,"focus",e=>{var t,n,r,o;e.target!==window&&e.target instanceof HTMLElement&&0===b&&(V()||E&&w&&(G.contains(e.target)||null!=(n=null==(t=M.current)?void 0:t.contains)&&n.call(t,e.target)||null!=(o=null==(r=I.current)?void 0:r.contains)&&o.call(r,e.target)||O({type:1})))},!0),(0,p.O)(G.resolveContainers,(e,t)=>{O({type:1}),(0,P.sP)(t,P.tJ.Loose)||(e.preventDefault(),null==E||E.focus())},0===b);let U=(0,u.z)(e=>{O({type:1});let t=e?e instanceof HTMLElement?e:"current"in e&&e.current instanceof HTMLElement?e.current:E:E;null==t||t.focus()}),W=(0,l.useMemo)(()=>({close:U,isPortalled:B}),[U,B]),K=(0,l.useMemo)(()=>({open:0===b,close:U}),[b,U]);return l.createElement(j.Provider,{value:null},l.createElement(N.Provider,{value:g},l.createElement(R.Provider,{value:W},l.createElement(y.up,{value:(0,S.E)(b,{0:y.ZM.Open,1:y.ZM.Closed})},l.createElement(Z,null,(0,x.sY)({ourProps:{ref:c},theirProps:o,slot:K,defaultTag:"div",name:"Popover"}),l.createElement(G.MainTreeNode,null))))))}),{Button:(0,x.yV)(function(e,t){let n=(0,i.M)(),{id:r="headlessui-popover-button-".concat(n),...o}=e,[a,s]=O("Popover.Button"),{isPortalled:c}=T("Popover.Button"),d=(0,l.useRef)(null),p="headlessui-focus-sentinel-".concat((0,i.M)()),h=D(),y=null==h?void 0:h.closeOthers,C=null!==(0,l.useContext)(j);(0,l.useEffect)(()=>{if(!C)return s({type:3,buttonId:r}),()=>{s({type:3,buttonId:null})}},[C,r,s]);let[k]=(0,l.useState)(()=>Symbol()),M=(0,m.T)(d,t,C?null:e=>{if(e)a.buttons.current.push(k);else{let e=a.buttons.current.indexOf(k);-1!==e&&a.buttons.current.splice(e,1)}a.buttons.current.length>1&&console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."),e&&s({type:2,button:e})}),I=(0,m.T)(d,t),N=(0,f.i)(d),R=(0,u.z)(e=>{var t,n,r;if(C){if(1===a.popoverState)return;switch(e.key){case w.R.Space:case w.R.Enter:e.preventDefault(),null==(n=(t=e.target).click)||n.call(t),s({type:1}),null==(r=a.button)||r.focus()}}else switch(e.key){case w.R.Space:case w.R.Enter:e.preventDefault(),e.stopPropagation(),1===a.popoverState&&(null==y||y(a.buttonId)),s({type:0});break;case w.R.Escape:if(0!==a.popoverState)return null==y?void 0:y(a.buttonId);if(!d.current||null!=N&&N.activeElement&&!d.current.contains(N.activeElement))return;e.preventDefault(),e.stopPropagation(),s({type:1})}}),B=(0,u.z)(e=>{C||e.key===w.R.Space&&e.preventDefault()}),A=(0,u.z)(t=>{var n,r;(0,E.P)(t.currentTarget)||e.disabled||(C?(s({type:1}),null==(n=a.button)||n.focus()):(t.preventDefault(),t.stopPropagation(),1===a.popoverState&&(null==y||y(a.buttonId)),s({type:0}),null==(r=a.button)||r.focus()))}),F=(0,u.z)(e=>{e.preventDefault(),e.stopPropagation()}),z=0===a.popoverState,L=(0,l.useMemo)(()=>({open:z}),[z]),_=(0,v.f)(e,d),H=C?{ref:I,type:_,onKeyDown:R,onClick:A}:{ref:M,id:a.buttonId,type:_,"aria-expanded":0===a.popoverState,"aria-controls":a.panel?a.panelId:void 0,onKeyDown:R,onKeyUp:B,onClick:A,onMouseDown:F},V=(0,g.l)(),Y=(0,u.z)(()=>{let e=a.panel;e&&(0,S.E)(V.current,{[g.N.Forwards]:()=>(0,P.jA)(e,P.TO.First),[g.N.Backwards]:()=>(0,P.jA)(e,P.TO.Last)})===P.fE.Error&&(0,P.jA)((0,P.GO)().filter(e=>"true"!==e.dataset.headlessuiFocusGuard),(0,S.E)(V.current,{[g.N.Forwards]:P.TO.Next,[g.N.Backwards]:P.TO.Previous}),{relativeTo:a.button})});return l.createElement(l.Fragment,null,(0,x.sY)({ourProps:H,theirProps:o,slot:L,defaultTag:"button",name:"Popover.Button"}),z&&!C&&c&&l.createElement(b._,{id:p,features:b.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:Y}))}),Overlay:(0,x.yV)(function(e,t){let n=(0,i.M)(),{id:r="headlessui-popover-overlay-".concat(n),...o}=e,[{popoverState:a},s]=O("Popover.Overlay"),c=(0,m.T)(t),d=(0,y.oJ)(),p=null!==d?(d&y.ZM.Open)===y.ZM.Open:0===a,f=(0,u.z)(e=>{if((0,E.P)(e.currentTarget))return e.preventDefault();s({type:1})}),v=(0,l.useMemo)(()=>({open:0===a}),[a]);return(0,x.sY)({ourProps:{ref:c,id:r,"aria-hidden":!0,onClick:f},theirProps:o,slot:v,defaultTag:"div",features:F,visible:p,name:"Popover.Overlay"})}),Panel:(0,x.yV)(function(e,t){let n=(0,i.M)(),{id:r="headlessui-popover-panel-".concat(n),focus:o=!1,...a}=e,[s,d]=O("Popover.Panel"),{close:p,isPortalled:v}=T("Popover.Panel"),h="headlessui-focus-sentinel-before-".concat((0,i.M)()),E="headlessui-focus-sentinel-after-".concat((0,i.M)()),C=(0,l.useRef)(null),k=(0,m.T)(C,t,e=>{d({type:4,panel:e})}),M=(0,f.i)(C),I=(0,x.Y2)();(0,c.e)(()=>(d({type:5,panelId:r}),()=>{d({type:5,panelId:null})}),[r,d]);let N=(0,y.oJ)(),R=null!==N?(N&y.ZM.Open)===y.ZM.Open:0===s.popoverState,B=(0,u.z)(e=>{var t;if(e.key===w.R.Escape){if(0!==s.popoverState||!C.current||null!=M&&M.activeElement&&!C.current.contains(M.activeElement))return;e.preventDefault(),e.stopPropagation(),d({type:1}),null==(t=s.button)||t.focus()}});(0,l.useEffect)(()=>{var t;e.static||1===s.popoverState&&(null==(t=e.unmount)||t)&&d({type:4,panel:null})},[s.popoverState,e.unmount,e.static,d]),(0,l.useEffect)(()=>{if(s.__demoMode||!o||0!==s.popoverState||!C.current)return;let e=null==M?void 0:M.activeElement;C.current.contains(e)||(0,P.jA)(C.current,P.TO.First)},[s.__demoMode,o,C,s.popoverState]);let D=(0,l.useMemo)(()=>({open:0===s.popoverState,close:p}),[s,p]),A={ref:k,id:r,onKeyDown:B,onBlur:o&&0===s.popoverState?e=>{var t,n,r,o,l;let a=e.relatedTarget;a&&C.current&&(null!=(t=C.current)&&t.contains(a)||(d({type:1}),(null!=(r=null==(n=s.beforePanelSentinel.current)?void 0:n.contains)&&r.call(n,a)||null!=(l=null==(o=s.afterPanelSentinel.current)?void 0:o.contains)&&l.call(o,a))&&a.focus({preventScroll:!0})))}:void 0,tabIndex:-1},F=(0,g.l)(),L=(0,u.z)(()=>{let e=C.current;e&&(0,S.E)(F.current,{[g.N.Forwards]:()=>{var t;(0,P.jA)(e,P.TO.First)===P.fE.Error&&(null==(t=s.afterPanelSentinel.current)||t.focus())},[g.N.Backwards]:()=>{var e;null==(e=s.button)||e.focus({preventScroll:!0})}})}),_=(0,u.z)(()=>{let e=C.current;e&&(0,S.E)(F.current,{[g.N.Forwards]:()=>{var e;if(!s.button)return;let t=(0,P.GO)(),n=t.indexOf(s.button),r=t.slice(0,n+1),o=[...t.slice(n+1),...r];for(let t of o.slice())if("true"===t.dataset.headlessuiFocusGuard||null!=(e=s.panel)&&e.contains(t)){let e=o.indexOf(t);-1!==e&&o.splice(e,1)}(0,P.jA)(o,P.TO.First,{sorted:!1})},[g.N.Backwards]:()=>{var t;(0,P.jA)(e,P.TO.Previous)===P.fE.Error&&(null==(t=s.button)||t.focus())}})});return l.createElement(j.Provider,{value:r},R&&v&&l.createElement(b._,{id:h,ref:s.beforePanelSentinel,features:b.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:L}),(0,x.sY)({mergeRefs:I,ourProps:A,theirProps:a,slot:D,defaultTag:"div",features:z,visible:R,name:"Popover.Panel"}),R&&v&&l.createElement(b._,{id:E,ref:s.afterPanelSentinel,features:b.A.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:_}))}),Group:(0,x.yV)(function(e,t){let n=(0,l.useRef)(null),r=(0,m.T)(n,t),[o,a]=(0,l.useState)([]),s=(0,h.H)(),i=(0,u.z)(e=>{a(t=>{let n=t.indexOf(e);if(-1!==n){let e=t.slice();return e.splice(n,1),e}return t})}),c=(0,u.z)(e=>(a(t=>[...t,e]),()=>i(e))),d=(0,u.z)(()=>{var e;let t=(0,C.r)(n);if(!t)return!1;let r=t.activeElement;return!!(null!=(e=n.current)&&e.contains(r))||o.some(e=>{var n,o;return(null==(n=t.getElementById(e.buttonId.current))?void 0:n.contains(r))||(null==(o=t.getElementById(e.panelId.current))?void 0:o.contains(r))})}),p=(0,u.z)(e=>{for(let t of o)t.buttonId.current!==e&&t.close()}),f=(0,l.useMemo)(()=>({registerPopover:c,unregisterPopover:i,isFocusWithinPopoverGroup:d,closeOthers:p,mainTreeNodeRef:s.mainTreeNodeRef}),[c,i,d,p,s.mainTreeNodeRef]),v=(0,l.useMemo)(()=>({}),[]);return l.createElement(B.Provider,{value:f},(0,x.sY)({ourProps:{ref:r},theirProps:e,slot:v,defaultTag:"div",name:"Popover.Group"}),l.createElement(s.MainTreeNode,null))})})},90173:function(e,t,n){"use strict";var r=n(2265);let o=r.forwardRef(function(e,t){let{title:n,titleId:o,...l}=e;return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":o},l),n?r.createElement("title",{id:o},n):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 15.75 7.5-7.5 7.5 7.5"}))});t.Z=o},89399:function(e,t,n){"use strict";var r=n(2265);let o=r.forwardRef(function(e,t){let{title:n,titleId:o,...l}=e;return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":o},l),n?r.createElement("title",{id:o},n):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"}))});t.Z=o},52484:function(e,t,n){"use strict";var r=n(2265);let o=r.forwardRef(function(e,t){let{title:n,titleId:o,...l}=e;return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":o},l),n?r.createElement("title",{id:o},n):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"}))});t.Z=o},67496:function(e,t,n){"use strict";n.d(t,{rd:function(){return y},zH:function(){return b}});var r=n(2265);function o(e,t){return Array.isArray(e)?e.includes(t):e}var l=e=>{let t=e.getBoundingClientRect();return{width:t.width,height:t.height}};function a(){let e=(0,r.useRef)(null),[t,n]=(0,r.useState)({width:1,height:1});(0,r.useLayoutEffect)(()=>{let t=()=>{e.current&&n(l(e.current))};window.addEventListener("resize",t,!1);let r=new ResizeObserver(e=>{let[{contentBoxSize:t}]=e;n({height:t[0].blockSize,width:t[0].inlineSize})});return e.current&&r.observe(e.current),()=>{window.removeEventListener("resize",t,!1),r.disconnect()}},[]);let o=(0,r.useCallback)(()=>{var t,n;let{left:r=1,right:o=1,top:l=1,bottom:a=1}=null!==(n=null===(t=e.current)||void 0===t?void 0:t.getBoundingClientRect())&&void 0!==n?n:{};return{left:r,right:o,top:l,bottom:a}},[]);return[e,t,o]}function u(e,t,n){return e<t?t:e>n?n:e}var s=new class{convert(e,t){let n=this.toHex("#000000"),r=this.hex2rgb(n),o=this.rgb2hsv(r);return"hex"===e?(n=this.toHex(t),r=this.hex2rgb(n),n.startsWith("rgba")&&(r=this.toRgb(n),n=this.rgb2hex(r)),o=this.rgb2hsv(r)):"rgb"===e?(r=t,n=this.rgb2hex(r),o=this.rgb2hsv(r)):"hsv"===e&&(o=t,r=this.hsv2rgb(o),n=this.rgb2hex(r)),{hex:n,rgb:r,hsv:o}}toHex(e){if(e.startsWith("#")){if(4===e.length||5===e.length)return e=e.split("").map((e,t)=>t?t<4?e+e:"f"===e?void 0:e+e:"#").join("");if(7===e.length)return e;if(9===e.length)return e.endsWith("ff")?e.slice(0,7):e}else{let t=document.createElement("canvas").getContext("2d");if(!t)throw Error("2d context not supported or canvas already initialized");return t.fillStyle=e,t.fillStyle}return"#000000"}toRgb(e){var t;let n=null!==(t=e.match(/\d+(\.\d+)?/gu))&&void 0!==t?t:[],[r,o,l,a]=Array.from({length:4}).map((e,t)=>{var r;return u(+(null!==(r=n[t])&&void 0!==r?r:t<3?0:1),0,t<3?255:1)});return{r:r,g:o,b:l,a:a}}toHsv(e){var t;let n=null!==(t=e.match(/\d+(\.\d+)?/gu))&&void 0!==t?t:[],[r,o,l,a]=Array.from({length:4}).map((e,t)=>{var r;return u(+(null!==(r=n[t])&&void 0!==r?r:t<3?0:1),0,t?t<3?100:1:360)});return{h:r,s:o,v:l,a:a}}hex2rgb(e){e=e.slice(1);let[t,n,r,o]=Array.from({length:4}).map((t,n)=>parseInt(e.slice(2*n,2*n+2),16));return{r:t,g:n,b:r,a:o=Number.isNaN(o)?1:o/255}}rgb2hsv(e){let{r:t,g:n,b:r,a:o}=e,l=Math.max(t/=255,n/=255,r/=255),a=l-Math.min(t,n,r);return{h:a?(l===t?(n-r)/a+(n<r?6:0):l===n?2+(r-t)/a:4+(t-n)/a)*60:0,s:l?a/l*100:0,v:100*l,a:o}}hsv2rgb(e){let{h:t,s:n,v:r,a:o}=e,l=~~(t/60),a=t/60-l,u=(r/=100)*(1-(n/=100)),s=r*(1-n*a),i=r*(1-n*(1-a)),c=l%6;return{r:255*[r,s,u,u,i,r][c],g:255*[i,r,r,s,u,u][c],b:255*[u,u,i,r,r,s][c],a:o}}rgb2hex(e){let{r:t,g:n,b:r,a:o}=e,[l,a,u,s]=[t,n,r,o].map((e,t)=>Math.round(t<3?e:255*e).toString(16).padStart(2,"0"));return["#",l,a,u,"ff"===s?void 0:s].join("")}};function i(e){return"touches"in e}var c=(0,r.memo)(e=>{let{onCoordinateChange:t,children:n,disabled:o}=e,[l,{width:s,height:c},d]=a(),p=(0,r.useCallback)(function(e){let n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],{left:r,top:o}=d();t(n,u(e.clientX-r,0,s),u(e.clientY-o,0,c))},[s,c,d,t]),f=(0,r.useCallback)(e=>{if(!i(e)&&0!==e.button)return;let t=e=>{p(i(e)?e.touches[0]:e)},n=e=>{p(i(e)?e.changedTouches[0]:e,!0),document.removeEventListener(i(e)?"touchmove":"mousemove",t,!1),document.removeEventListener(i(e)?"touchend":"mouseup",n,!1)};t(e),document.addEventListener(i(e)?"touchmove":"mousemove",t,!1),document.addEventListener(i(e)?"touchend":"mouseup",n,!1)},[p]);return r.createElement("div",{ref:l,className:"rcp-interactive",onMouseDown:f,onTouchStart:f,"aria-disabled":o},n)}),d=(0,r.memo)(e=>{let{color:t,disabled:n,onChange:o,onChangeComplete:l}=e,[u,{width:i}]=a(),d=(0,r.useMemo)(()=>({x:t.hsv.a*i}),[t.hsv.a,i]),p=(0,r.useCallback)((e,n)=>{let r=s.convert("hsv",{...t.hsv,a:n/i});o(r),e&&(null==l||l(r))},[t.hsv,i,o,l]),f=(0,r.useMemo)(()=>[t.rgb.r,t.rgb.g,t.rgb.b].join(" "),[t.rgb.r,t.rgb.g,t.rgb.b]),v=(0,r.useMemo)(()=>[f,t.rgb.a].join(" / "),[f,t.rgb.a]);return r.createElement(c,{disabled:n,onCoordinateChange:p},r.createElement("div",{ref:u,style:{background:"linear-gradient(to right, rgb(".concat(f," / 0), rgb(").concat(f," / 1)) top left / auto auto,\n                      conic-gradient(#666 0.25turn, #999 0.25turn 0.5turn, #666 0.5turn 0.75turn, #999 0.75turn) top left / 12px 12px\n                      repeat")},className:"rcp-alpha"},r.createElement("div",{style:{left:d.x,background:"linear-gradient(to right, rgb(".concat(v,"), rgb(").concat(v,")) top left / auto auto,\n                        conic-gradient(#666 0.25turn, #999 0.25turn 0.5turn, #666 0.5turn 0.75turn, #999 0.75turn) ").concat(-d.x-4,"px 2px / 12px 12px\n                        repeat")},className:"rcp-alpha-cursor"})))});function p(e,t){return Math.round(e*10**t)/10**t}function f(e){let{r:t,g:n,b:r,a:o}=e,l=[Math.round(t),Math.round(n),Math.round(r)],a=p(o,3);return a<1&&l.push(a),l.join(", ")}function v(e){let{h:t,s:n,v:r,a:o}=e,l=["".concat(Math.round(t),"\xb0"),"".concat(Math.round(n),"%"),"".concat(Math.round(r),"%")],a=p(o,3);return a<1&&l.push(a),l.join(", ")}var h=(0,r.memo)(e=>{let{hideInput:t,color:n,disabled:l,onChange:a,onChangeComplete:u}=e,[i,c]=(0,r.useState)({hex:{value:n.hex,inputted:!1},rgb:{value:f(n.rgb),inputted:!1},hsv:{value:v(n.hsv),inputted:!1}});(0,r.useEffect)(()=>{i.hex.inputted||c(e=>({...e,hex:{...e.hex,value:n.hex}}))},[i.hex.inputted,n.hex]),(0,r.useEffect)(()=>{i.rgb.inputted||c(e=>({...e,rgb:{...e.rgb,value:f(n.rgb)}}))},[i.rgb.inputted,n.rgb]),(0,r.useEffect)(()=>{i.hsv.inputted||c(e=>({...e,hsv:{...e.hsv,value:v(n.hsv)}}))},[i.hsv.inputted,n.hsv]);let d=(0,r.useCallback)(e=>t=>{let{value:n}=t.target;c(t=>({...t,[e]:{...t[e],value:n}})),a("hsv"===e?s.convert("hsv",s.toHsv(n)):"rgb"===e?s.convert("rgb",s.toRgb(n)):s.convert("hex",n))},[a]),p=(0,r.useCallback)(e=>()=>{c(t=>({...t,[e]:{...t[e],inputted:!0}}))},[]),h=(0,r.useCallback)(e=>t=>{let{value:n}=t.target;c(t=>({...t,[e]:{...t[e],inputted:!1}})),null==u||u("hsv"===e?s.convert("hsv",s.toHsv(n)):"rgb"===e?s.convert("rgb",s.toRgb(n)):s.convert("hex",n))},[u]);return r.createElement("div",{className:"rcp-fields"},!o(t,"hex")&&r.createElement("div",{className:"rcp-fields-floor"},r.createElement("div",{className:"rcp-field"},r.createElement("input",{id:"hex",className:"rcp-field-input",readOnly:l,value:i.hex.value,onChange:d("hex"),onFocus:p("hex"),onBlur:h("hex")}),r.createElement("label",{htmlFor:"hex",className:"rcp-field-label"},"HEX"))),(!o(t,"rgb")||!o(t,"hsv"))&&r.createElement("div",{className:"rcp-fields-floor"},!o(t,"rgb")&&r.createElement("div",{className:"rcp-field"},r.createElement("input",{id:"rgb",className:"rcp-field-input",readOnly:l,value:i.rgb.value,onChange:d("rgb"),onFocus:p("rgb"),onBlur:h("rgb")}),r.createElement("label",{htmlFor:"rgb",className:"rcp-field-label"},"RGB")),!o(t,"hsv")&&r.createElement("div",{className:"rcp-field"},r.createElement("input",{id:"hsv",className:"rcp-field-input",readOnly:l,value:i.hsv.value,onChange:d("hsv"),onFocus:p("hsv"),onBlur:h("hsv")}),r.createElement("label",{htmlFor:"hsv",className:"rcp-field-label"},"HSV"))))}),m=(0,r.memo)(e=>{let{color:t,disabled:n,onChange:o,onChangeComplete:l}=e,[u,{width:i}]=a(),d=(0,r.useMemo)(()=>({x:t.hsv.h/360*i}),[t.hsv.h,i]),p=(0,r.useCallback)((e,n)=>{let r=s.convert("hsv",{...t.hsv,h:n/i*360});o(r),e&&(null==l||l(r))},[t.hsv,i,o,l]),f=(0,r.useMemo)(()=>[t.hsv.h,"100%","50%"].join(" "),[t.hsv.h]);return r.createElement(c,{disabled:n,onCoordinateChange:p},r.createElement("div",{ref:u,className:"rcp-hue"},r.createElement("div",{style:{left:d.x,backgroundColor:"hsl(".concat(f,")")},className:"rcp-hue-cursor"})))}),g=(0,r.memo)(e=>{let{height:t,color:n,disabled:o,onChange:l,onChangeComplete:u}=e,[i,{width:d}]=a(),p=(0,r.useMemo)(()=>({x:n.hsv.s/100*d,y:(100-n.hsv.v)/100*t}),[n.hsv.s,n.hsv.v,d,t]),f=(0,r.useCallback)((e,r,o)=>{let a=s.convert("hsv",{...n.hsv,s:r/d*100,v:100-o/t*100});l(a),e&&(null==u||u(a))},[n.hsv,d,t,l,u]),v=(0,r.useMemo)(()=>[n.hsv.h,"100%","50%"].join(" "),[n.hsv.h]),h=(0,r.useMemo)(()=>[n.rgb.r,n.rgb.g,n.rgb.b].join(" "),[n.rgb.r,n.rgb.g,n.rgb.b]);return r.createElement(c,{disabled:o,onCoordinateChange:f},r.createElement("div",{ref:i,style:{height:t,backgroundColor:"hsl(".concat(v,")")},className:"rcp-saturation"},r.createElement("div",{style:{left:p.x,top:p.y,backgroundColor:"rgb(".concat(h,")")},className:"rcp-saturation-cursor"})))}),b=(0,r.memo)(e=>{let{height:t=200,hideAlpha:n=!1,hideInput:l=!1,color:a,disabled:u=!1,onChange:s,onChangeComplete:i}=e;return r.createElement("div",{className:"rcp-root rcp"},r.createElement(g,{height:t,color:a,disabled:u,onChange:s,onChangeComplete:i}),r.createElement("div",{className:"rcp-body"},r.createElement("section",{className:"rcp-section"},r.createElement(m,{color:a,disabled:u,onChange:s,onChangeComplete:i}),!n&&r.createElement(d,{color:a,disabled:u,onChange:s,onChangeComplete:i})),(!o(l,"hex")||!o(l,"rgb")||!o(l,"hsv"))&&r.createElement("section",{className:"rcp-section"},r.createElement(h,{hideInput:l,color:a,disabled:u,onChange:s,onChangeComplete:i}))))});function y(e){let[t,n]=(0,r.useState)(s.convert("hex",e));return(0,r.useEffect)(()=>{n(s.convert("hex",e))},[e]),[t,n]}}}]);