https://maeda-design-room.net/_next/static/chunks/3109.19a09d65df30b969.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];if(null!=r)for(var o in r)r.hasOwnProperty(o)&&(e[o]=r[o])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:note-front-custom-domain":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="f7f9ffba-d499-43c1-8eaf-d1e9f704faff",e._sentryDebugIdIdentifier="sentry-dbid-f7f9ffba-d499-43c1-8eaf-d1e9f704faff")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3109,7141],{26957:(e,t,r)=>{r.d(t,{A:()=>d});var o=r(53773),a=r(52761),i=r(81509),n=r(19324),s=r(32508),l=r(97360),d=(0,n.forwardRef)(function(e,t){let r=(0,n.useContext)(a.M)||{},{children:d,hasHeroImage:u,...c}=e,m=(0,o.zD)(t),f=(0,n.useMemo)(()=>s(`
2    peer
3    shrink-0 overflow-hidden bg-surface-normal text-center
4    ${u?"":"border-border-default border-b p-4"}
5    ${"fullscreenTakeover"===r.type?"":"rounded-t-lg"}
6    `),[u,r.type]);return(0,l.jsx)("header",{...(0,i.$)(c),ref:m,className:f,children:d})})},36886:(e,t,r)=>{r.d(t,{E:()=>l,T:()=>s});var o=r(97360),a=r(61246),i=r(65887),n=r(19324);let s=({modalPurpose:e,extraActionLogs:t})=>{let r=(0,n.useRef)(!1),{trackActionLogs:o}=(0,a.sr)();(0,n.useEffect)(()=>{!0!==r.current&&(o([{kind:"",event:"imp",target:"other",contents:{modalName:e}},...t??[]]),r.current=!0)},[o,e,t])},l=({modalPurpose:e,extraActionLogs:t,...r})=>(s({modalPurpose:e,extraActionLogs:t}),(0,o.jsx)(i.A,{...r}))},37141:(e,t,r)=>{r.d(t,{r:()=>d});var o=r(65154),a=r(9972),i=r(19324),n=r(14157),s=r(4168);let l={login:o.iD,signup:o.$5},d=()=>{let{customDomain:e,customDomainOrigin:t}=(0,n.D6)(),r=(0,a.usePathname)(),o=(0,s.g)(l),d=e?.isOauthRequired??!1,u=`${t??""}${r??""}`,c=(0,i.useCallback)((e={})=>o.getLinkUrl("login",{message:e.message,urlnameToFollow:e.urlnameToFollow,redirectTo:e.redirectTo??u,isOauthRequired:d}),[o,u,d]),m=(0,i.useCallback)((e={})=>o.getLinkUrl("signup",{redirectPath:e.redirectPath??u}),[o,u]);return{currentUrl:u,isOauthRequired:d,getLoginUrl:c,getSignupUrl:m}}},43747:(e,t,r)=>{r.d(t,{A:()=>u});var o=r(53773),a=r(52761),i=r(81509),n=r(19324),s=r(16239),l=r(32508),d=r(97360),u=(0,n.forwardRef)(function(e,t){let r=(0,n.useContext)(a.M)||{},{children:u,placement:c="right",direction:m="row",unsafeClassName:f,...h}=e,g=(0,o.zD)(t),p=(0,n.useMemo)(()=>(0,s.QP)(l(`
7    flex shrink-0
8    ${"row"===m?"flex-row items-center gap-4 bg-background-secondary p-4":"flex-col items-stretch gap-2 bg-background-primary px-6 pt-4 pb-6"}
9    ${"center"===c?"justify-center":""}
10    ${"left"===c?"justify-start":""}
11    ${"right"===c?"justify-end":""}
12    ${"between"===c?"justify-between":""}
13    ${"fullscreenTakeover"===r.type?"":"rounded-b-lg"}
14    ${f??""}
15    `)),[c,m,r.type,f]);return(0,d.jsx)("footer",{...(0,i.$)(h),ref:g,className:p,children:u})})},51949:(e,t,r)=>{r.d(t,{A:()=>l});var o=r(3455),a=r(15796),i=r(8951),n=r(19324),s=r(97360),l=(0,n.forwardRef)(function(e,t){let{allowPlaceholder:r}=e=(0,o.zT)(e),l=(0,n.useRef)(null),{labelProps:d,inputProps:u,descriptionProps:c,errorMessageProps:m}=(0,i.v)(e,l);return!r&&e.placeholder&&console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead."),(0,s.jsx)(a.A,{...e,labelProps:d,inputProps:u,descriptionProps:c,errorMessageProps:m,ref:t,inputRef:l})})},52761:(e,t,r)=>{r.d(t,{M:()=>a,t:()=>i});var o=r(19324),a=o.createContext(null),i=o.createContext({hasFooter:!1})},60213:(e,t,r)=>{r.d(t,{_:()=>s});var o=r(16239),a=r(97360),i=r(19324),n=r(32508);function s(e){let{unSafeClassName:t,imageAlt:r,imageSrc:s,imageSrcSet:l,imageSizes:d,imageWidth:u,imageHeight:c,imageElementType:m="img",loading:f="lazy",fetchPriority:h,priority:g,fit:p="cover",disableAspectRatio:b=!1,onError:v}=e;return(0,a.jsx)("div",{className:(0,i.useMemo)(()=>(0,o.QP)(n(`
16      w-full overflow-hidden
17      ${t??""}
18      `)),[t]),style:{aspectRatio:(0,i.useMemo)(()=>

18{if(!b)return u&&c?`${u}/${c}`:void 0},[c,u,b])},children:(0,a.jsx)(m,{className:`block size-full ${"cover"===p?"object-cover":"object-contain"}`,src:s,srcSet:l,sizes:d,width:u,height:c,alt:r,loading:f,...void 0!==h&&{fetchPriority:h},...!0===g&&"img"!==m&&{priority:g},...void 0!==v&&{onError:v}})})}},62566:(e,t,r)=>{r.d(t,{A:()=>w});var o=r(53773),a=r(81092),i=r(783),n=r(43258),s=r(37246),l=r(52217),d=r(62549),u=r(23320),c=r(33477),m=r(13875),f=r(50343),h=r(8448),g=r(50018),p=r(58763),b=r(59999),v=r(19324),x=r(16239),y=r(32508),P=r(97360),w=(0,v.memo)((0,v.forwardRef)(function(e,t){let{elementType:r="button",children:w,autoFocus:C,isDisabled:$,variant:j,size:A="m",isFull:I=!1,isPending:E,onPress:z,onPressStart:D,onPressEnd:M,onPressChange:T,onPressUp:Z,onKeyDown:R,onKeyUp:N,prefetch:k}=e=(0,d.zT)(e),L=(0,o.t0)(t),S=()=>{},{buttonProps:_,isPressed:H}=(0,u.s)({...e,onPress:E?S:z,onPressStart:E?S:D,onPressEnd:E?S:M,onPressChange:E?S:T,onPressUp:E?S:Z,onKeyDown:E?S:R,onKeyUp:E?S:N},L),{hoverProps:F,isHovered:O}=(0,c.M)({isDisabled:$}),[B,K]=(0,v.useState)(!1),{focusProps:J}=(0,m.i)({onFocusChange:K,isDisabled:$}),Q=!!_["aria-label"]||!!_["aria-labelledby"],[U,W]=(0,v.useState)(()=>!!E),V=(0,f.dz)((0,f.a1)(A,"m"),l.t),q=(0,v.useId)(),G=_.id||q,X=(0,v.useId)(),Y=(0,v.useId)(),ee=(0,h.o)(s.D);(0,v.useEffect)(()=>{let e;return E?e=setTimeout(()=>{W(!0)},1e3):W(!1),()=>{clearTimeout(e)}},[E]);let et=`${Q?_["aria-label"]:""} ${ee.format("pending")}`.trim(),er=Q?_["aria-labelledby"]?.replace(G,Y)??Y:`${X} ${Y}`.trim(),eo="polite";(0,g.lg)()&&(!Q||(0,g.gm)())&&(eo="off");let ea=(0,v.useMemo)(()=>(0,x.QP)(y(`
19      ${n.R.base}
20      ${n.R[j]}
21      ${V}
22      ${I?n.R.full:""}
23      ${$||U?n.R.disabled:""}
24      `)),[j,V,I,$,U]),ei=(0,v.useMemo)(()=>y(`
25      relative flex items-center justify-center font-bold
26      ${U?"opacity-0":""}
27      `),[U]);return(0,P.jsx)(p.v,{autoFocus:C,children:(0,P.jsxs)(r,{"data-name":"Button",...(0,b.v)(_,F,J),id:G,disabled:$,"aria-disabled":E?"true":void 0,"aria-label":E?et:_["aria-label"],"aria-labelledby":E?er:_["aria-labelledby"],className:ea,ref:L,prefetch:k,children:[(0,P.jsx)(a.P,{isInverted:"primary"===j||"invert"===j,isPressed:H,isHovered:O}),(0,P.jsx)("span",{id:X,className:ei,children:w}),E&&(0,P.jsx)("div",{"aria-hidden":"true",style:{visibility:U?"visible":"hidden"},className:"absolute top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2",children:(0,P.jsx)(i.A,{size:"m",ariaLabel:et})}),E&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{"aria-live":B?eo:"off",children:U&&(0,P.jsx)("div",{"data-testid":"live-element",role:"img","aria-labelledby":er})}),(0,P.jsx)("div",{id:Y,role:"img","aria-label":et})]})]})})}))},71576:(e,t,r)=>{r.d(t,{A:()=>T});var o=r(53773),a=r(69480),i=r(52761),n=r(98548),s=r(43747),l=r(26957),d={"ja-JP":{dismiss:"閉じる",zoomIn:"原寸で表示",zoomOut:"全体表示に戻す",prevImage:"前の画像",nextImage:"次の画像",imagePosition:"全{total}枚中{current}枚目"}},u=null;function c(e,t="assertive",r=7e3){(u||=new m).announce(e,t,r)}var m=class{node;assertiveLog;politeLog;constructor(){this.node=document.createElement("div"),this.node.dataset.liveAnnouncer="true",Object.assign(this.node.style,{border:0,clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:1,margin:"0 -1px -1px 0",overflow:"hidden",padding:0,position:"absolute",width:1,whiteSpace:"nowrap"}),this.assertiveLog=this.createLog("assertive"),this.node.appendChild(this.assertiveLog),this.politeLog=this.createLog("polite"),this.node.appendChild(this.politeLog),document.body.prepend(this.node)}createLog(e){let t=document.createElement("div");return t.setAttribute("role","log"),t.setAttribute("aria-live",e),t.setAttribute("aria-relevant","additions"),t}destroy(){this.node&&=(document.body.removeChild(this.node),null)}announce(e,t="assertive",r=7e3){if(!this.node)return;let o=document.createElement("div");o.textContent=e,"assertive"===t?this.assertiveLog.appendChild(o):this.politeLog.appendChild(o),""!==e&&setTimeout(()=>{o.remove()},r)}clear(e){this.node&&(e&&"assertive"!==e||(this.assertiveLog.innerHTML=""),e&&"polite"!==e||(this.politeLog.innerHTML=""))}},f=r(8448),h=r(75544),g=r(47279),p=r(64630),b=r(12274),v={"ja-JP":{imageChangedAnnouncement:"全{total}枚中{current}枚目。{alt}",zoomedInAnnouncement:"原寸で表示しています。スクロールで移動できます",zoomedOutAnnouncement:"全体表示に戻しました",imageScrollArea:"画像の表示領域"}},x=r(19324),y=r(81509),P=r(99976),w=r(92778),C=r(16239),$=r(32508),j=r(97360),A=r(1130),I=(0,x.forwardRef)(function(e,t){let{images:r,index:n,defaultIndex:s,onIndexChange:l,isZoomed:u,defaultZoomed:m,onZoomChange:I,isZ

27oomDisabled:E,imageElementType:z,unsafeClassName:D,...M}=e,T=(0,o.zD)(t),Z=(0,x.useContext)(i.M),R=function(e){let{totalCount:t}=e,[r,o]=(0,A.P)(e.index,e.defaultIndex??0,t=>{void 0!==t&&e.onIndexChange?.(t)}),[a,i]=(0,A.P)(e.isZoomed,e.defaultZoomed??!1,t=>{void 0!==t&&e.onZoomChange?.(t)});return{index:r,totalCount:t,isZoomed:a,setIndex:function(e){o(Math.min(Math.max(e,0),Math.max(t-1,0)))},next:function(){t<=1||(o((r+1)%t),i(!1))},previous:function(){t<=1||(o((r-1+t)%t),i(!1))},setZoomed:i,toggleZoom:function(){i(!a)}}}({totalCount:r.length,index:n,defaultIndex:s,onIndexChange:l,isZoomed:u,defaultZoomed:m,onZoomChange:I}),N=r[R.index]??r[0],{scrollContainerRef:k,imageRef:L,scrollContainerProps:S,zoomButtonProps:_,imageProps:H,isZoomable:F}=function(e,t){let r=(0,x.useRef)(null),o=(0,x.useRef)(null),[a,i]=(0,x.useState)(!1),n=(0,f.o)(v),s=(0,g.J)(()=>{let e=r.current,t=o.current;e&&t&&i(t.naturalWidth>e.clientWidth||t.naturalHeight>e.clientHeight)}),l=(0,g.J)(()=>{let e=r.current;e&&(t.isZoomed?(e.scrollLeft=(e.scrollWidth-e.clientWidth)/2,e.scrollTop=(e.scrollHeight-e.clientHeight)/2):(e.scrollLeft=0,e.scrollTop=0))}),d=(0,g.J)(()=>{s(),l()});(0,p.w)({ref:r,onResize:d}),(0,x.useEffect)(()=>{s()},[t.index,s]);let u=(0,x.useRef)(!1);(0,b.$)({ref:o,isDisabled:!e.isDismissable,onInteractOutsideStart:e=>{u.current=e.target===r.current},onInteractOutside:t=>{let o=u.current&&t.target===r.current;u.current=!1,o&&e.onClose?.()}});let m=(0,g.J)(e=>{"ArrowLeft"===e.key&&t.previous(),"ArrowRight"===e.key&&t.next()});(0,x.useEffect)(()=>{if(!e.isKeyboardNavigationEnabled||t.isZoomed)return;let o=(0,h.TW)(r.current);return o.addEventListener("keydown",m,!0),()=>o.removeEventListener("keydown",m,!0)},[m,e.isKeyboardNavigationEnabled,t.isZoomed]),(0,x.useLayoutEffect)(()=>

27{l()},[t.index,t.isZoomed,l]);let y=(0,x.useRef)(t.index);(0,x.useEffect)(()=>{y.current!==t.index&&c(n.format("imageChangedAnnouncement",{current:`${t.index+1}`,total:`${t.totalCount}`,alt:e.currentAlt??""}),"polite"),y.current=t.index},[e.currentAlt,t.index,t.totalCount,n]);let P=(0,x.useRef)(t.isZoomed);return(0,x.useEffect)(()=>{P.current!==t.isZoomed&&c(n.format(t.isZoomed?"zoomedInAnnouncement":"zoomedOutAnnouncement"),"polite"),P.current=t.isZoomed},[t.isZoomed,n]),{scrollContainerRef:r,imageRef:o,scrollContainerProps:t.isZoomed?{tabIndex:0,role:"region","aria-label":n.format("imageScrollArea")}:{},zoomButtonProps:{isDisabled:e.isZoomDisabled||!a,onPress:t.toggleZoom},imageProps:{onLoad:d},isZoomable:a}}({isZoomDisabled:E,isKeyboardNavigationEnabled:r.length>1,currentAlt:N?.alt,isDismissable:Z?.isDismissable,onClose:Z?.onClose},R),O=(0,f.o)(d),B=(0,x.useMemo)(()=>(0,C.QP)($(`
28          relative min-h-0 flex-1 bg-surface-image-overlay
29          ${"string"==typeof D?D:""}
30        `)),[D]);return(0,j.jsxs)("div",{...(0,y.$)(M),ref:T,"data-name":"DialogImageBody",className:B,children:[(0,j.jsx)("div",{ref:k,...S,className:"absolute inset-0 flex overflow-auto overscroll-contain",children:N&&(0,j.jsx)(z??"img",{ref:L,...H,src:N.src,alt:N.alt,width:N.width,height:N.height,className:R.isZoomed?"m-auto block max-w-none":"m-auto h-auto max-h-full w-auto max-w-full object-contain"})}),F&&(0,j.jsx)("div",{className:"absolute right-4 bottom-4",children:(0,j.jsx)(a.A,{..._,variant:"onImage",size:"m",isCircle:!0,"aria-label":O.format(R.isZoomed?"zoomOut":"zoomIn"),children:R.isZoomed?(0,j.jsx)(w.enP,{"aria-label":O.format("zoomOut"),"aria-hidden":!0}):(0,j.jsx)(w.$Zd,{"aria-label":O.format("zoomIn"),"aria-hidden":!0})})}),r.length>1&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:"absolute top-1/2 left-4 -translate-y-1/2",children:(0,j.jsx)(a.A,{variant:"onImage",size:"m",isCircle:!0,onPress:()=>R.previous(),"aria-label":O.format("prevImage"),children:(0,j.jsx)(w.JGc,{"aria-label":O.format("prevImage"),"aria-hidden":!0})})}),(0,j.jsx)("div",{className:"absolute top-1/2 right-4 -translate-y-1/2",children:(0,j.jsx)(a.A,{variant:"onImage",size:"m",isCircle:!0,onPress:()=>R.next(),"aria-label":O.format("nextImage"),children:(0,j.jsx)(w.c_$,{"aria-label":O.format("nextImage"),"aria-hidden":!0})})}),(0,j.jsxs)("p",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full bg-surface-image-overlay px-3 py-1 text-sm text-text-invert",children:[(0,j.jsx)("span",{"aria-hidden":!0,children:`${R.index+1} / ${R.totalCount}`}),(0,j.jsx)(P.s,{elementType:"span",children:O.format("imagePosition",{current:`${R.index+1}`,total:`${R.totalCount}`})})]})]})]})}),E=r(79192),z=r(2877),D=r(54375),M=r(59999),T=(0,x.forwardRef)(function(e,t){let r=(0,x.useContext)(i.M)||{},{children:u,hasCloseButton:c=r.hasCloseButton,onDismiss:m=r.onClose,size:h="s",type:g=r.type||"modal",unsafeClassName:p,isEmphasized:b=r.isEmphasized}=e,v=(0,f.o)(d),P=(0,o.zD)(t),{dialogProps:A,titleProps:T}=function(e,t){let{role:r="dialog"}=e,o=(0,E.X1)();o=e["aria-label"]?void 0:o;let a=(0,x.useRef)(!1),i=(0,x.useRef)(!1);return(0,x.useEffect)(()=>{e["aria-label"]||e["aria-labelledby"]||o||i.current||(i.current=!0,console.warn("An aria-label or aria-labelledby prop is required for accessibility when a Dialog has no visible title (DialogHeader or slotTitle)."))},[o,e["aria-label"],e["aria-labelledby"]]),(0,x.useEffect)(()=>{if(!t.current||t.current.contains(document.activeElement))return()=>{};{(0,z.l)(t.current);let e=setTimeout(()=>{document.activeElement===t.current&&null!==t.current&&(a.current=!0,t.current.blur(),(0,z.l)(t.current),a.current=!1)},500);return()=>{clearTimeout(e)}}},[t]),(0,D.Se)(),{dialogProps:{...(0,y.$)(e,{labelable:!0}),role:r,tabIndex:-1,"aria-labelledby":e["aria-labelledby"]||o,onBlur:e=>{a.current&&e.stopPropagation()}},titleProps:{id:o}}}((0,M.v)(r,e),P),Z=(0,x.useMemo)(()=>(0,C.QP)($(`
31      relative flex max-h-[inherit] flex-col outline-none md:mx-0 md:min-w-[10rem]
32      ${"popover"===g?"":"min-w-[calc(100vw-2rem)]"}
33      ${"modal"===g&&"s"===h?"md:w-[30rem]":""}
34      ${"modal"===g&&"m"===h?"md:w-[36.25rem]":""}
35      ${"modal"===g&&"l"===h?"md:w-[40rem]":""}
36      ${"popover"===g?"border border-border-default border-solid bg-surface-normal":""}
37      ${"popover"===g&&b?"bg-surface-primary text-text-invert":""}
38      ${["fullscreen","fullscreenTakeover"].includes(g)?"absolute inset-0":"popover"===g?"":"mx-4"}
39      ${"fullscreenTakeover"===g?"":"rounded-lg"}
40      ${p||""}
41    `)),[g,h,p,b]),R=(0,x.useMemo)(()=>$(`
42    absolute
43    ${"popover"===g?"top-1 right-1":"top-4 right-4"}
44    `),[g]),N=x.Children.toArray(u).find(e=>(0,x.isValidElement)(e)&&e.type===l.A),k=!!N,L=k&&!N?.props.hasHeroImage,S=x.Children.toArray(u).some(e=>(0,x.isValidElement)(e)&&e.type===s.A),_=x.Children.toArray(u).some(e=>(0,x.isValidElement)(e)&&e.type===I),H=x.Children.map(u,e=>(0,x.isValidElement)(e)?e.type===l.A?x.cloneElement(e,{id:L?T.id:void 0}):e.type===n.A?x.cloneElement(e,{hasDialogHeader:k,slotTitleId:L?void 0:T.id}):e:e),F=(0,x.useMemo)(()=>({hasFooter:S}),[S]);return(0,j.jsx)(i.t.Provider,{value:F,children:(0,j.jsxs)("section",{...A,className:Z,ref:P,"data-name":"Dialog",children:[H,c&&(0,j.jsx)("div",{className:R,children:(0,j.jsx)(a.A,{onPress:m,variant:_?"onImage":b?"primary":"clickableIcon",size:"popover"===g?"m":"l","aria-label":v.format("dismiss"),children:(0,j.jsx)(w.bm,{"aria-label":""})})})]})})})},98548:(e,t,r)=>{r.d(t,{A:()=>u});var o=r(53773),a=r(52761),i=r(81509),n=r(19324),s=r(16239),l=r(32508),d=r(97360),u=(0,n.forwardRef)(function(e,t){let{children:r,slotTitle:u,slotText:c,slotTitleId:m,unsafeClassName:f,hasDialogHeader:h,...g}=e,p=(0,o.zD)(t),{hasFooter:b}=(0,n.useContext)(a.t),v=(0,n.useMemo)(()=>(0,s.QP)(l(`
45        min-h-32 flex-1 overflow-y-auto bg-background-primary p-4
46        ${h?"rounded-t-none":"rounded-t-lg"}
47        ${b?"rounded-b-none":"rounded-b-lg"}
48        ${"string"==typeof f?f:""}
49        `)),[f,b,h]);return(0,d.jsxs)("div",{...(0,i.$)(g),ref:p,className:v,children:[u&&(0,d.jsx)("h1",{id:m,className:"mb-2 text-center font-bold text-lg",children:u}),c&&(0,d.jsx)("div",{children:c}),r]})})}}]);