https://www.kazidomi.com/_next/static/js/9367.f5b7b495.chunk.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9367],{19367:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var r=n(95155),o=n(12115),a=n(14606),l=n(69687),u=n(65739),i=n(73321);let c=({children:e,title:t,isOpen:n,setIsOpen:c,onClose:s})=>{let d=(0,i.usePathname)(),f=()=>{s&&s(),c(!1)};return(0,o.useEffect)(()=>{c(!1)},[d]),(0,r.jsx)(a.e,{appear:!0,show:n,as:o.Fragment,children:(0,r.jsxs)(l.Dialog,{onClose:f,children:[(0,r.jsx)(a.e.Child,{as:o.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,r.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-25 z-40"})}),(0,r.jsx)(a.e.Child,{as:o.Fragment,enter:"transition duration-300 ease-out",enterFrom:"transform translate-y-[20px] opacity-0",enterTo:"transform translate-y-[0] opacity-100",leave:"transition duration-300 ease-out",leaveFrom:"transform translate-y-[0] opacity-100",leaveTo:"transform translate-y-[20px] opacity-0",children:(0,r.jsxs)(l.Dialog.Panel,{className:"fixed bottom-0 w-full left-0 right-0 bg-white overflow-hidden rounded-t-xl max-h-[480px] h-full z-50 flex-col flex",children:[(0,r.jsxs)("div",{className:"flex justify-between bg-grey8 border-b border-grey-light rounded-t-xl h-[54px] items-center p-spacing-2",children:[(0,r.jsx)("span",{className:"text-cta-regular font-medium",children:t}),(0,r.jsx)(u.Jn,{onClick:f})]}),e]})})]})})}},69687:(e,t,n)=>{let r,o,a;n.d(t,{Dialog:()=>en});var l=n(12115),u=n(25858),i=n(80778),c=n(14627),s=n(36667),d=n(54085),f=n(35409),p=n(47680),m=n(94473),g=n(53264),v=n(86436),h=n(71760),w=n(38659),E=n(55645),b=n(14695),F=n(93802),y=n(27579),D=n(58195),C=n(21679),k=n(66089),T=n(84465),x=n(82728),P=n(38530),_=n(3976),L=n(23912),S=n(10269),O=n(2668);function R(e,t){let n=(0,l.useRef)([]),r=(0,s._)(e);(0,l.useEffect)(()=>{let e=[...n.current];for(let[o,a]of t.entries())if(n.current[o]!==a){let o=r(t,e);return n.current=t,o}},[r,...t])}var I=n(55832),j=n(82688),B=n(98044);let N=[];function U(){"loading"!==document.readyState&&((()=>{function e(e){if(!j.Lk(e.target)||e.target===document.body||N[0]===e.target)return;let t=e.target;t=t.closest(B.Uo),N.unshift(null!=t?t:e.target),(N=N.filter(e=>null!=e&&e.isConnected)).splice(10)}window.addEventListener("click",e,{capture:!0}),window.addEventListener("mousedown",e,{capture:!0}),window.addEventListener("focus",e,{capture:!0}),document.body.addEventListener("click",e,{capture:!0}),document.body.addEventListener("mousedown",e,{capture:!0}),document.body.addEventListener("focus",e,{capture:!0})})(),document.removeEventListener("DOMContentLoaded",U))}"u">typeof window&&"u">typeof document&&(document.addEventListener("DOMContentLoaded",U),U());var A=n(38406),M=n(22487);function W(e){if(!e)return new Set;if("function"==typeof e)return new Set(e());let t=new Set;for(let n of e.current)j.vq(n.current)&&t.add(n.current);return t}var Y=((r=Y||{})[r.None=0]="None",r[r.InitialFocus=1]="InitialFocus",r[r.TabLock=2]="TabLock",r[r.FocusLock=4]="FocusLock",r[r.RestoreFocus=8]="RestoreFocus",r[r.AutoFocus=16]="AutoFocus",r);let X=Object.assign((0,x.FX)(function(e,t){let n=(0,l.useRef)(null),r=(0,b.P)(n,t),{initialFocus:o,initialFocusFallback:a,containers:u,features:d=15,...f}=e;(0,w.g)()||(d=0);let p=(0,g.g)(n.current);!function(e,{ownerDocument:t}){let n=!!(8&e),r=function(e=!0){let t=(0,l.useRef)(N.slice());return R(([e],[n])=>{!0===n&&!1===e&&(0,A._)(()=>{t.current.splice(0)}),!1===n&&!0===e&&(t.current=N.slice())},[e,N,t]),(0,s._)(()=>{var e;return null!=(e=t.current.find(e=>null!=e&&e.isConnected))?e:null})}(n);R(()=>{n||(0,M.X7)(null==t?void 0:t.body)&&(0,B.pW)(r())},[n]),(0,S.X)(()=>{n&&(0,B.pW)(r())})}(d,{ownerDocument:p});let m=function(e,{ownerDocument:t,container:n,initialFocus:r,initialFocusFallback:o}){let a=(0,l.useRef)(null),u=(0,c.S)(!!(1&e),"focus-trap#initial-focus"),i=(0,L.a)();return R(()=>{if(0===e)return;if(!u){null!=o&&o.current&&(0,B.pW)(o.current);return}let l=n.current;l&&(0,A._)(()=>{if(!i.current)return;let n=null==t?void 0:t.activeElement;if(null!=r&&r.current){if((null==r?void 0:r.current)===n){a.current=n;return}}else if(l.contains(n)){a.current=n;return}if(null!=r&&r.current)(0,B.pW)(r.current);else{if(16&e){if((0,B.CU)(l,B.BD.First|B.BD.AutoFocus)!==B.Me.Error)return}else if((0,B.CU)(l,B.BD.First)!==B.Me.Error)return;if(null!=o&&o.current&&((0,B.pW)(o.current),(null==t?void 0:t.activeElement)===o.current))return;

1console.warn("There are no focusable elements inside the <FocusTrap />")}a.current=null==t?void 0:t.activeElement})},[o,u,e]),a}(d,{ownerDocument:p,container:n,initialFocus:o,initialFocusFallback:a});!function(e,{ownerDocument:t,container:n,containers:r,previousActiveElement:o}){let a=(0,L.a)(),l=!!(4&e);(0,i.M)(null==t?void 0:t.defaultView,"focus",e=>{if(!l||!a.current)return;let t=W(r);j.sb(n.current)&&t.add(n.current);let u=o.current;if(!u)return;let i=e.target;j.sb(i)?$(t,i)?(o.current=i,(0,B.pW)(i)):(e.preventDefault(),e.stopPropagation(),(0,B.pW)(u)):(0,B.pW)(o.current)},!0)}(d,{ownerDocument:p,container:n,containers:u,previousActiveElement:m});let v=(0,O.u)(),h=(0,s._)(e=>{if(!j.sb(n.current))return;let t=n.current;(0,T.Y)(v.current,{[O.O.Forwards]:()=>{(0,B.CU)(t,B.BD.First,{skipElements:[e.relatedTarget,a]})},[O.O.Backwards]:()=>{(0,B.CU)(t,B.BD.Last,{skipElements:[e.relatedTarget,a]})}})}),E=(0,c.S)(!!(2&d),"focus-trap#tab-lock"),F=(0,_.L)(),y=(0,l.useRef)(!1),D=(0,x.Ci)();return l.createElement(l.Fragment,null,E&&l.createElement(I.j,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:h,features:I.u.Focusable}),D({ourProps:{ref:r,onKeyDown(e){"Tab"==e.key&&(y.current=!0,F.requestAnimationFrame(()=>{y.current=!1}))},onBlur(e){if(!(4&d))return;let t=W(u);j.sb(n.current)&&t.add(n.current);let r=e.relatedTarget;j.Lk(r)&&"true"!==r.dataset.headlessuiFocusGuard&&($(t,r)||(y.current?(0,B.CU)(n.current,(0,T.Y)(v.current,{[O.O.Forwards]:()=>B.BD.Next,[O.O.Backwards]:()=>B.BD.Previous})|B.BD.WrapAround,{relativeTo:e.target}):j.Lk(e.target)&&(0,B.pW)(e.target)))}},theirProps:f,defaultTag:"div",name:"FocusTrap"}),E&&l.createElement(I.j,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:h,features:I.u.Focusable}))}),{features:Y});function $(e,t){for(let n of e)if(n.contains(t))return!0;return!1}var V=n(5508),q=n(14606),z=((o=z||{})[o.Open=0]="Open",o[o.Closed=1]="Closed",o),H=((a=H||{})[a.SetTitleId=0]="SetTitleId",a);let K={0:(e,t)=>e.titleId===t.id?e:{...e,titleId:t.id}},G=(0,l.createContext)(null);function J(e){let t=(0,l.useContext)(G);if(null===t){let t=Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,J),t}return t}function Z(e,t){return(0,T.Y)(t.type,K,e,t)}G.displayName="DialogContext";let Q=(0,x.FX)(function(e,t){let n=(0,l.useId)(),{id:r=`headlessui-dialog-${n}`,open:o,onClose:a,initialFocus:T,role:_="dialog",autoFocus:L=!0,__demoMode:S=!1,unmount:O=!1,...R}=e,I=(0,l.useRef)(!1);_="dialog"===_||"alertdialog"===_?_:(I.current||(I.current=!0,console.warn(`Invalid role [${_}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)),"dialog");let j=(0,y.O_)();void 0===o&&null!==j&&(o=(j&y.Uw.Open)===y.Uw.Open);let B=(0,l.useRef)(null),N=(0,b.P)(B,t),U=(0,g.g)(B.current),A=+!o,[M,W]=(0,l.useReducer)(Z,{titleId:null,descriptionId:null,panelRef:(0,l.createRef)()}),$=(0,s._)(()=>a(!1)),q=(0,s._)(e=>W({type:0,id:e})),z=!!(0,w.g)()&&0===A,[H,K]=(0,V.k2)(),J=(0,v.xA)(),{resolveContainers:Q}=(0,v.iq)({mainTreeNode:J,portals:H,defaultContainers:[{get current(){var en;return null!=(en=M.panelRef.current)?en:B.current}}]}),er=null!==j&&(j&y.Uw.Closing)===y.Uw.Closing;(0,d.v)(!S&&!er&&z,{allowed:(0,s._)(()=>{var e,t;return[null!=(t=null==(e=B.current)?void 0:e.closest("[data-headlessui-portal]"))?t:null]}),disallowed:(0,s._)(()=>{var e;return[null!=(e=null==J?void 0:J.closest("body > *:not(#headlessui-portal-root)"))?e:null]})});let eo=C.D.get(null);(0,f.s)(()=>{if(z)return eo.actions.push(r),()=>eo.actions.pop(r)},[eo,r,z]);let ea=(0,k.y)(eo,(0,l.useCallback)(e=>eo.selectors.isTop(e,r),[eo,r]));(0,m.j)(ea,Q,e=>{e.preventDefault(),$()}),function(e,t="u">typeof document?document.defaultView:null,n){let r=(0,c.S)(e,"escape");(0,i.M)(t,"keydown",e=>{r&&(e.defaultPrevented||e.key===u.D.Escape&&n(e))})}(ea,null==U?void 0:U.defaultView,e=>{e.preventDefault(),e.stopPropagation(),document.activeElement&&"blur"in document.activeElement&&"function"==typeof document.activeElement.blur&&document.activeElement.blur(),$()}),(0,h.K)(!S&&!er&&z,U,Q),(0,p.O)(z,B,$);let[el,eu]=(0,P.rU)(),ei=(0,l.useMemo)(()=>[{dialogState:A,close:$,setTitleId:q,unmount:O},M],[A,$,q,O,M]),ec=(0,E._)({open:0===A}),es={ref:N,id:r,role:_,tabIndex:-1,"aria-modal":S?void 0:0===A||void 0,"aria-labelledby":M.titleId,"aria-describedby":el,unmount:O},ed=!function(){var e;let[t]=(0,l.useState)(()=>"u">typeof window&&"function"==typeof window.matchMedia?window.matchMedia("(pointer: coarse)"):null),[n,r]=(0,l.useState)(null!=(e=null==t?void 0:t.matches)&&e);return(0,f.s)(()=>

1{if(t)return t.addEventListener("change",e),()=>t.removeEventListener("change",e);function e(e){r(e.matches)}},[t]),n}(),ef=Y.None;z&&!S&&(ef|=Y.RestoreFocus,ef|=Y.TabLock,L&&(ef|=Y.AutoFocus),ed&&(ef|=Y.InitialFocus));let ep=(0,x.Ci)();return l.createElement(y.$x,null,l.createElement(D.a,{force:!0},l.createElement(V.ZL,null,l.createElement(G.Provider,{value:ei},l.createElement(V.Ee,{target:B},l.createElement(D.a,{force:!1},l.createElement(eu,{slot:ec},l.createElement(K,null,l.createElement(X,{initialFocus:T,initialFocusFallback:B,containers:Q,features:ef},l.createElement(F.e,{value:$},ep({ourProps:es,theirProps:R,slot:ec,defaultTag:ee,features:et,visible:0===A,name:"Dialog"})))))))))))}),ee="div",et=x.Ac.RenderStrategy|x.Ac.Static,en=Object.assign((0,x.FX)(function(e,t){let{transition:n=!1,open:r,...o}=e,a=(0,y.O_)(),u=e.hasOwnProperty("open")||null!==a,i=e.hasOwnProperty("onClose");if(!u&&!i)throw Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!u)throw Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!i)throw Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if(!a&&"boolean"!=typeof e.open)throw Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${e.open}`);if("function"!=typeof e.onClose)throw Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${e.onClose}`);return(void 0!==r||n)&&!o.static?l.createElement(v.H5,null,l.createElement(q.e,{show:r,transition:n,unmount:o.unmount},l.createElement(Q,{ref:t,...o}))):l.createElement(v.H5,null,l.createElement(Q,{ref:t,open:r,...o}))}),{Panel:(0,x.FX)(function(e,t){let n=(0,l.useId)(),{id:r=`headlessui-dialog-panel-${n}`,transition:o=!1,...a}=e,[{dialogState:u,unmount:i},c]=J("Dialog.Panel"),d=(0,b.P)(t,c.panelRef),f=(0,E._)({open:0===u}),p=(0,s._)(e=>{e.stopPropagation()}),m=o?q._:l.Fragment,g=(0,x.Ci)();return l.createElement(m,{...o?{unmount:i}:{}},g({ourProps:{ref:d,id:r,onClick:p},theirProps:a,slot:f,defaultTag:"div",name:"Dialog.Panel"}))}),Title:((0,x.FX)(function(e,t){let{transition:n=!1,...r}=e,[{dialogState:o,unmount:a}]=J("Dialog.Backdrop"),u=(0,E._)({open:0===o}),i=n?q._:l.Fragment,c=(0,x.Ci)();return l.createElement(i,{...n?{unmount:a}:{}},c({ourProps:{ref:t,"aria-hidden":!0},theirProps:r,slot:u,defaultTag:"div",name:"Dialog.Backdrop"}))}),(0,x.FX)(function(e,t){let n=(0,l.useId)(),{id:r=`headlessui-dialog-title-${n}`,...o}=e,[{dialogState:a,setTitleId:u}]=J("Dialog.Title"),i=(0,b.P)(t);(0,l.useEffect)(()=>(u(r),()=>u(null)),[r,u]);let c=(0,E._)({open:0===a});return(0,x.Ci)()({ourProps:{ref:i,id:r},theirProps:o,slot:c,defaultTag:"h2",name:"Dialog.Title"})})),Description:P.VY})}}]);