1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5638],{86463:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/design-system",function(){return n(79925)}])},94928:function(e,t,n){"use strict";n.d(t,{z:function(){return d}});var r=n(85893),l=n(67294),i=n(82729),a=n(85444);function _templateObject(){let e=(0,i._)(["\n to { transform: rotate(360deg); }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,i._)(["\n display: inline-block;\n width: 1em;\n height: 1em;\n border: 2px solid currentColor;\n border-right-color: transparent;\n border-radius: 50%;\n animation: "," 0.6s linear infinite;\n\n @media (prefers-reduced-motion: reduce) {\n animation-duration: 1.5s;\n }\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,i._)(["\n background: ",";\n color: ",";\n &:hover:not(:disabled) {\n filter: brightness(1.15);\n }\n &:active:not(:disabled) {\n filter: brightness(0.95);\n }\n "]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,i._)(["\n background: transparent;\n color: ",";\n border-color: ",";\n &:hover:not(:disabled) {\n background: ",";\n }\n "]);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,i._)(["\n background: transparent;\n color: ",";\n &:hover:not(:disabled) {\n background: ",";\n }\n "]);return _templateObject4=function(){return e},e}function _templateObject5(){let e=(0,i._)(["\n background: ",";\n color: ",";\n &:hover:not(:disabled) {\n filter: brightness(0.93);\n }\n &:active:not(:disabled) {\n filter: brightness(0.88);\n }\n "]);return _templateObject5=function(){return e},e}function _templateObject6(){let e=(0,i._)(["\n background: ",";\n color: ",";\n &:hover:not(:disabled) {\n filter: brightness(0.93);\n }\n &:active:not(:disabled) {\n filter: brightness(0.88);\n }\n "]);return _templateObject6=function(){return e},e}function _templateObject7(){let e=(0,i._)(["\n background: ",";\n color: ",";\n &:hover:not(:disabled) {\n background: ",";\n }\n &:active:not(:disabled) {\n filter: brightness(0.95);\n }\n "]);return _templateObject7=function(){return e},e}function _templateObject8(){let e=(0,i._)(["\n background: ",";\n color: ",";\n &:hover:not(:disabled) {\n filter: brightness(0.93);\n }\n &:active:not(:disabled) {\n filter: brightness(0.88);\n }\n "]);return _templateObject8=function(){return e},e}function _templateObject9(){let e=(0,i._)(["\n ","\n"]);return _templateObject9=function(){return e},e}function _templateObject10(){let e=(0,i._)(["\n min-height: 40px;\n padding: "," ",";\n font-size: ",";\n "]);return _templateObject10=function(){return e},e}function _templateObject11(){let e=(0,i._)(["\n min-height: 52px;\n padding: "," ",";\n font-size: ",";\n "]);return _templateObject11=function(){return e},e}function _templateObject12(){let e=(0,i._)(["\n min-height: 44px;\n padding: "," ",";\n font-size: ",";\n "]);return _templateObject12=function(){return e},e}function _templateObject13(){let e=(0,i._)(["\n ","\n"]);return _templateObject13=function(){return e},e}function _templateObject14(){let e=(0,i._)(["\n padding-left: 0;\n padding-right: 0;\n aspect-ratio: 1 / 1;\n "]);return _templateObject14=function(){return e},e}function _templateObject15(){let e=(0,i._)(["\n cursor: progress;\n pointer-events: none;\n "]);return _templateObject15=function(){return e},e}
1function _templateObject16(){let e=(0,i._)(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: ",";\n border: 1px solid transparent;\n border-radius: ",";\n font-family: ",";\n font-weight: ",";\n line-height: 1;\n cursor: pointer;\n transition: ",";\n width: ",";\n\n ","\n ","\n\n ","\n\n &:focus-visible {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n ","\n"]);return _templateObject16=function(){return e},e}let o=(0,a.F4)(_templateObject()),s=a.ZP.span.withConfig({componentId:"sc-f29ababe-0"})(_templateObject1(),o),variantStyles=e=>(0,a.iv)(_templateObject9(),t=>{var n,r;let{theme:l}=t;switch(e){case"secondary":return(0,a.iv)(_templateObject2(),l.colors.secondary,l.colors.white);case"outline":return(0,a.iv)(_templateObject3(),l.colors.primary,l.colors.primary,l.colors.surfaceMuted);case"ghost":return(0,a.iv)(_templateObject4(),l.colors.primary,l.colors.surfaceMuted);case"danger":return(0,a.iv)(_templateObject5(),null!==(n=l.colors.dangerStrong)&&void 0!==n?n:l.colors.danger,l.colors.white);case"warning":return(0,a.iv)(_templateObject6(),null!==(r=l.colors.warningStrong)&&void 0!==r?r:l.colors.warning,l.colors.white);case"inverse":return(0,a.iv)(_templateObject7(),l.colors.white,l.colors.primary,l.colors.surfaceMuted);default:return(0,a.iv)(_templateObject8(),l.colors.primary,l.colors.white)}}),sizeStyles=e=>(0,a.iv)(_templateObject13(),t=>{let{theme:n}=t;switch(e){case"sm":return(0,a.iv)(_templateObject10(),n.spacing.small,n.spacing.medium,n.fontSizes.small);case"lg":return(0,a.iv)(_templateObject11(),n.spacing.middle,n.spacing.x_large,n.fontSizes.medium);default:return(0,a.iv)(_templateObject12(),n.spacing.middle,n.spacing.large,n.fontSizes.middle)}}),c=a.ZP.button.withConfig({componentId:"sc-f29ababe-1"})(_templateObject16(),e=>{let{theme:t}=e;return t.spacing.small},e=>{let{theme:t}=e;return t.radii.middle},e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.weights.semiBold},e=>{let{theme:t}=e;return t.transitions.regular},e=>{let{$fullWidth:t}=e;return t?"100%":"auto"},e=>{let{$size:t}=e;return sizeStyles(t)},e=>{let{$variant:t}=e;return variantStyles(t)},e=>{let{$iconOnly:t}=e;return t&&(0,a.iv)(_templateObject14())},e=>{let{theme:t}=e;return t.colors.primary},e=>{let{$loading:t}=e;return t&&(0,a.iv)(_templateObject15())}),d=(0,l.forwardRef)((e,t)=>{let{variant:n="primary",size:l="md",leadingIcon:i,trailingIcon:a,isLoading:o=!1,fullWidth:d,iconOnly:u,disabled:p,type:m="button",children:g,...h}=e;return(0,r.jsx)(c,{ref:t,type:m,$variant:n,$size:l,$fullWidth:d,$loading:o,$iconOnly:u,disabled:p||o,"aria-busy":o||void 0,...h,children:o?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s,{"aria-hidden":"true"}),g]}):(0,r.jsxs)(r.Fragment,{children:[i,g,a]})})});d.displayName="Button"},91183:function(e,t,n){"use strict";n.d(t,{Z:function(){return Card}});var r=n(85893),l=n(82729),i=n(85444);function _templateObject(){let e=(0,l._)(["\n box-shadow: ",";\n "]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,l._)(["\n border: 1px solid ",";\n "]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,l._)(["\n cursor: pointer;\n transition: ",";\n\n &:hover {\n box-shadow: ",";\n transform: translateY(calc(-1 * ","));\n }\n\n &:focus-visible {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n &:hover {\n transform: none;\n }\n }\n "]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,l._)(["\n background: ",";\n border-radius: ",";\n padding: ",";\n\n ","\n ","\n\n ","\n"]);return _templateObject3=function(){return e},e}let a=i.ZP.div.withConfig({componentId:"sc-82ea5639-0"})(_templateObject3(),e=>{let{theme:t}=e;return t.colors.surface},e=>{let{theme:t,$radius:n}=e;return t.radii[n]},e=>{let{theme:t,$padding:n}=e;return t.spacing[n]},e=>{let{theme:t,$variant:n}=e;
1return"elevated"===n&&(0,i.iv)(_templateObject(),t.shadows.boxShadow)},e=>{let{theme:t,$variant:n}=e;return"outlined"===n&&(0,i.iv)(_templateObject1(),t.colors.border)},e=>{let{theme:t,$interactive:n}=e;return n&&(0,i.iv)(_templateObject2(),t.transitions.regular,t.shadows.boxShadow,t.spacing.xx_small,t.colors.primary)}),Card=e=>{let{as:t,variant:n="elevated",padding:l="large",radius:i="medium",interactive:o,children:s,...c}=e;return(0,r.jsx)(a,{as:t,$variant:n,$padding:l,$radius:i,$interactive:o,tabIndex:o?0:void 0,...c,children:s})};Card.displayName="Card"},7326:function(e,t,n){"use strict";n.d(t,{X:function(){return h}});var r=n(85893),l=n(67294),i=n(1451),a=n(2405),o=n(82729),s=n(85444);function _templateObject(){let e=(0,o._)(["\n display: inline-flex;\n align-items: center;\n gap: ",";\n cursor: ",";\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,o._)(["\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n white-space: nowrap;\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,o._)(["\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n border-radius: ",";\n border: 1.5px solid\n ",";\n background: ",";\n color: ",";\n transition: ",";\n\n ",":focus-visible + & {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,o._)(["\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: ",";\n"]);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,o._)(["\n width: 10px;\n height: 2px;\n border-radius: 1px;\n background: ",";\n"]);return _templateObject4=function(){return e},e}function _templateObject5(){let e=(0,o._)(["\n cursor: not-allowed;\n "]);return _templateObject5=function(){return e},e}function _templateObject6(){let e=(0,o._)(["\n font-family: ",";\n font-size: ",";\n color: ",";\n\n ","\n"]);return _templateObject6=function(){return e},e}let borderColor=(e,t)=>{var n;let{on:r,error:l,disabled:i}=t;return i?e.colors.border:r?e.colors.primary:l?null!==(n=e.colors.dangerStrong)&&void 0!==n?n:e.colors.danger:e.colors.border},c=s.ZP.label.withConfig({componentId:"sc-ef37a451-0"})(_templateObject(),e=>{let{theme:t}=e;return t.spacing.small},e=>{let{$disabled:t}=e;return t?"not-allowed":"pointer"}),d=s.ZP.input.withConfig({componentId:"sc-ef37a451-1"})(_templateObject1()),u=s.ZP.span.withConfig({componentId:"sc-ef37a451-2"})(_templateObject2(),e=>{let{theme:t,$round:n}=e;return n?"50%":t.radii.small},e=>{let{theme:t,$on:n,$error:r,$disabled:l}=e;return borderColor(t,{on:n,error:r,disabled:l})},e=>{var t;let{theme:n,$on:r,$disabled:l}=e;return l?null!==(t=n.colors.disabledSurface)&&void 0!==t?t:n.neutral["100"]:r?n.colors.primary:n.colors.surface},e=>{let{theme:t}=e;return t.colors.white},e=>{let{theme:t}=e;return t.transitions.regular},d,e=>{let{theme:t}=e;return t.colors.primary}),p=s.ZP.span.withConfig({componentId:"sc-ef37a451-3"})(_templateObject3(),e=>{let{theme:t}=e;return t.colors.white}),m=s.ZP.span.withConfig({componentId:"sc-ef37a451-4"})(_templateObject4(),e=>{let{theme:t}=e;return t.colors.white}),g=s.ZP.span.withConfig({componentId:"sc-ef37a451-5"})(_templateObject6(),e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.fontSizes.medium},e=>{var t;let{theme:n,$disabled:r}=e;return r?null!==(t=n.colors.disabledText)&&void 0!==t?t:n.colors.textMuted:n.colors.text},e=>{let{$disabled:t}=e;return t&&(0,s.iv)(_templateObject5())}),h=(0,l.forwardRef)((e,t)=>{let{label:n,indeterminate:o=!1,error:s,disabled:p,checked:h,...b}=e,f=(0,l.useRef)(null);(0,l.useEffect)(()=>{let e=f.current;e&&(e.indeterminate=o)},[o]);let x=!!h||o;return(0,r.jsxs)(c,{$disabled:p,children:[(0,r.jsx)(d,{...b,type:"checkbox",checked:h,disabled:p,"aria-invalid":s||void 0,ref:e=>{f.current=e,"function"==typeof t?t(e):t&&(t.current=e)}}),(0,r.jsx)(u,{$on:x,$error:s,$disabled:p,"aria-hidden":"true",children:o?(0,r.jsx)(m,{}):h&&(0,r.jsx)(a.J,{as:i.Nhk,size:12})}),n&&(0,r.jsx)(g,{$disabled:p,children:n})]})});h.displayName="Checkbox";let b=(0,l.forwardRef)((e,t)=>{let{label:n,error:l,disabled:i,checked:a,...o}=e;return(0,r.jsxs)(c,{$disabled:i,children:[(0,r.jsx)(d,{...o,ref:t,type:"radio",checked:a,disabled:i,"aria-invalid":l||void 0}),(0,r.jsx)(u,{$round:!0,$on:!!a,$error:l,$disabled:i,"aria-hidden":"true",children:a&&(0,r.jsx)(p,{})}),n&&(0,r.jsx)(g,{$disabled:i,children:n})]})});b.displayName="Radio"},79925:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return Q},default:function(){return index_page}});var r=n(85893),l=n(2962),i=n(67294),a=n(1451),o=n(22920),s=n(85444),c=n(64472),d=n(77930),u=n(45177),p=n(82729);
1function _templateObject(){let e=(0,p._)(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n "]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,p._)(["\n margin: 0;\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n color: ",";\n ","\n ","\n ","\n ","\n "]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,p._)(["\n ","\n"]);return _templateObject2=function(){return e},e}let m={"display-large":{size:"display_large",weight:"bold",lineHeight:1.1},"display-medium":{size:"display_medium",weight:"bold",lineHeight:1.15},"display-small":{size:"display_small",weight:"semiBold",lineHeight:1.2},h1:{size:"xxx_large",weight:"semiBold",lineHeight:1.25},h2:{size:"xx_large",weight:"semiBold",lineHeight:1.3},h3:{size:"x_large",weight:"semiBold",lineHeight:1.3},h4:{size:"large",weight:"semiBold",lineHeight:1.35},h5:{size:"medium",weight:"semiBold",lineHeight:1.4},h6:{size:"middle",weight:"semiBold",lineHeight:1.4},"body-large":{size:"large",weight:"regular",lineHeight:1.6},body:{size:"medium",weight:"regular",lineHeight:1.6},"body-small":{size:"middle",weight:"regular",lineHeight:1.55},caption:{size:"small",weight:"regular",lineHeight:1.5,color:"textMuted"},overline:{size:"x_small",weight:"semiBold",lineHeight:1.4,color:"textMuted",uppercase:!0,letterSpacing:"0.08em"},label:{size:"middle",weight:"medium",lineHeight:1.4}},g=s.ZP.p.withConfig({componentId:"sc-5096af91-0"})(_templateObject2(),e=>{var t;let{theme:n,$variant:r,$color:l,$weight:i,$align:a,$truncate:o}=e,c=m[r],d=null!==(t=null!=l?l:c.color)&&void 0!==t?t:"text",u=null!=i?i:c.weight;return(0,s.iv)(_templateObject1(),n.fonts.primary,n.fontSizes[c.size],n.weights[u],c.lineHeight,n.colors[d],a&&"text-align: ".concat(a,";"),c.uppercase&&"text-transform: uppercase;",c.letterSpacing&&"letter-spacing: ".concat(c.letterSpacing,";"),o&&(0,s.iv)(_templateObject()))}),h={"display-large":"h1","display-medium":"h1","display-small":"h2",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6","body-large":"p",body:"p","body-small":"p",caption:"span",overline:"span",label:"span"},Text=e=>{let{variant:t="body",as:n,color:l,weight:i,align:a,truncate:o,children:s,...c}=e;return(0,r.jsx)(g,{as:null!=n?n:h[t],$variant:t,$color:l,$weight:i,$align:a,$truncate:o,...c,children:s})};Text.displayName="Text";let Heading=e=>{let{level:t=2,...n}=e;return(0,r.jsx)(Text,{variant:"h".concat(t),...n})};Heading.displayName="Heading";var b=n(2405);function styles_templateObject(){let e=(0,p._)(["\n display: ",";\n flex-direction: ",";\n gap: ",";\n ","\n ","\n ","\n"]);return styles_templateObject=function(){return e},e}function styles_templateObject1(){let e=(0,p._)(["\n width: 100%;\n max-width: ",";\n margin: 0 auto;\n padding-left: ",";\n padding-right: ",";\n"]);return styles_templateObject1=function(){return e},e}function styles_templateObject2(){let e=(0,p._)(["\n display: grid;\n gap: ",";\n grid-template-columns: ",";\n"]);return styles_templateObject2=function(){return e},e}let f=s.ZP.div.withConfig({componentId:"sc-84f2af44-0"})(styles_templateObject(),e=>{let{$inline:t}=e;return t?"inline-flex":"flex"},e=>{let{$direction:t}=e;return t},e=>{let{theme:t,$gap:n}=e;return t.spacing[n]},e=>{let{$align:t}=e;return t&&"align-items: ".concat(t,";")},e=>{let{$justify:t}=e;return t&&"justify-content: ".concat(t,";")},e=>{let{$wrap:t}=e;return t&&"flex-wrap: wrap;"}),x=(s.ZP.div.withConfig({componentId:"sc-84f2af44-1"})(styles_templateObject1(),e=>{let{theme:t,$maxWidth:n}=e;return null!=n?n:t.baseContentWidth},e=>{let{theme:t,$padX:n}=e;return t.spacing[n]},e=>{let{theme:t,$padX:n}=e;return t.spacing[n]}),s.ZP.div.withConfig({componentId:"sc-84f2af44-2"})(styles_templateObject2(),e=>{let{theme:t,$gap:n}=e;return t.spacing[n]},e=>{let{$columns:t,$minItemWidth:n}=e;return n?"repeat(auto-fill, minmax(".concat(n,", 1fr))"):"repeat(".concat(t,", minmax(0, 1fr))")})),Stack=e=>{let{as:t,direction:n="column",gap:l="medium",align:i,justify:a,wrap:o,inline:s,children:c,...d}=e;return(0,r.jsx)(f,{as:t,$direction:n,$gap:l,$align:i,$justify:a,$wrap:o,$inline:s,...d,children:c})};Stack.displayName="Stack";let Grid=e=>{let{as:t,columns:n=12,gap:l="medium",minItemWidth:i,children:a,...o}=e;return(0,r.jsx)(x,{as:t,$columns:n,$gap:l,$minItemWidth:i,...o,children:a})};Grid.displayName="Grid";var j=n(91183);
1function Chip_styles_templateObject(){let e=(0,p._)(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n "]);return Chip_styles_templateObject=function(){return e},e}function Chip_styles_templateObject1(){let e=(0,p._)(["\n ","\n"]);return Chip_styles_templateObject1=function(){return e},e}function Chip_styles_templateObject2(){let e=(0,p._)(["\n padding: "," ",";\n font-size: ",";\n "]);return Chip_styles_templateObject2=function(){return e},e}function _templateObject3(){let e=(0,p._)(["\n padding: "," ",";\n font-size: ",";\n "]);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,p._)(["\n border-color: ",";\n box-shadow: inset 0 0 0 1px ",";\n "]);return _templateObject4=function(){return e},e}function _templateObject5(){let e=(0,p._)(["\n cursor: pointer;\n transition: ",";\n &:focus-visible {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n "]);return _templateObject5=function(){return e},e}function _templateObject6(){let e=(0,p._)(["\n display: inline-flex;\n align-items: center;\n gap: ",";\n white-space: nowrap;\n border-radius: ",";\n font-family: ",";\n font-weight: ",";\n ","\n\n ","\n\n ","\n\n ","\n"]);return _templateObject6=function(){return e},e}function _templateObject7(){let e=(0,p._)(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: ",";\n height: ",";\n padding: 0;\n border: 0;\n border-radius: ",";\n background: transparent;\n color: inherit;\n cursor: pointer;\n line-height: 1;\n opacity: 0.7;\n transition: ",";\n\n &:hover {\n opacity: 1;\n }\n\n &:focus-visible {\n outline: 2px solid currentColor;\n outline-offset: 1px;\n }\n"]);return _templateObject7=function(){return e},e}let toneStyles=(e,t)=>(0,s.iv)(Chip_styles_templateObject1(),n=>{let{theme:r}=n,l={neutral:{soft:{bg:r.neutral["100"],fg:r.colors.text,bd:"transparent"},solid:{bg:r.neutral["700"],fg:r.colors.white,bd:"transparent"},outline:{bg:"transparent",fg:r.colors.text,bd:r.colors.border}},brand:{soft:{bg:r.colors.surfaceMuted,fg:r.colors.primary,bd:"transparent"},solid:{bg:r.colors.primary,fg:r.colors.white,bd:"transparent"},outline:{bg:"transparent",fg:r.colors.primary,bd:r.colors.primary}}},i=l[t][e];return(0,s.iv)(Chip_styles_templateObject(),i.bg,i.fg,i.bd)}),_=s.ZP.span.withConfig({componentId:"sc-13bdc790-0"})(_templateObject6(),e=>{let{theme:t}=e;return t.spacing.x_small},e=>{let{theme:t}=e;return t.radii.xxx_large},e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.weights.medium},e=>{let{theme:t,$size:n}=e;return"sm"===n?(0,s.iv)(Chip_styles_templateObject2(),t.spacing.xxx_small,t.spacing.small,t.fontSizes.x_small):(0,s.iv)(_templateObject3(),t.spacing.x_small,t.spacing.middle,t.fontSizes.small)},e=>{let{$variant:t,$tone:n}=e;return toneStyles(t,n)},e=>{let{theme:t,$selected:n}=e;return n&&(0,s.iv)(_templateObject4(),t.colors.primary,t.colors.primary)},e=>{let{theme:t,$interactive:n}=e;return n&&(0,s.iv)(_templateObject5(),t.transitions.regular,t.colors.primary)}),y=s.ZP.button.withConfig({componentId:"sc-13bdc790-1"})(_templateObject7(),e=>{let{theme:t}=e;return t.spacing.medium},e=>{let{theme:t}=e;return t.spacing.medium},e=>{let{theme:t}=e;return t.radii.xxx_large},e=>{let{theme:t}=e;return t.transitions.regular}),Chip=e=>{let{variant:t="soft",tone:n="neutral",size:l="md",selected:i,leadingIcon:a,onRemove:o,removeLabel:s="Remove",onClick:c,children:d,...u}=e,p=!!c;return(0,r.jsxs)(_,{$variant:t,$tone:n,$size:l,$selected:i,$interactive:p,onClick:c,onKeyDown:p?e=>{c&&("Enter"===e.key||" "===e.key)&&(e.preventDefault(),c(e))}:void 0,role:p?"button":void 0,tabIndex:p?0:void 0,"aria-pressed":p&&void 0!==i?i:void 0,...u,children:[a,d,o&&(0,r.jsx)(y,{type:"button","aria-label":s,onClick:e=>{e.stopPropagation(),o()},children:"\xd7"})]})};Chip.displayName="Chip";var v=n(94928);function Badge_styles_templateObject(){let e=(0,p._)(["\n background: ",";\n color: ",";\n "]);
1return Badge_styles_templateObject=function(){return e},e}function Badge_styles_templateObject1(){let e=(0,p._)(["\n background: ",";\n color: ",";\n "]);return Badge_styles_templateObject1=function(){return e},e}function Badge_styles_templateObject2(){let e=(0,p._)(["\n width: ",";\n height: ",";\n padding: 0;\n "]);return Badge_styles_templateObject2=function(){return e},e}function styles_templateObject3(){let e=(0,p._)(["\n min-width: ",";\n height: ",";\n padding: 0 ",";\n "]);return styles_templateObject3=function(){return e},e}function styles_templateObject4(){let e=(0,p._)(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n font-family: ",";\n font-weight: ",";\n font-size: ",";\n line-height: 1;\n border-radius: ",";\n\n ","\n\n ","\n"]);return styles_templateObject4=function(){return e},e}let toneColor=(e,t)=>{var n,r,l;switch(t){case"brand":return e.colors.primary;case"danger":return null!==(n=e.colors.dangerStrong)&&void 0!==n?n:e.colors.danger;case"success":return null!==(r=e.colors.successStrong)&&void 0!==r?r:e.colors.success;case"warning":return null!==(l=e.colors.warningStrong)&&void 0!==l?l:e.colors.warning;default:return e.neutral["700"]}},softBg=(e,t)=>{var n,r,l;switch(t){case"brand":return e.colors.surfaceMuted;case"danger":return null!==(n=e.colors.dangerSoft)&&void 0!==n?n:e.neutral["100"];case"success":return null!==(r=e.colors.successSoft)&&void 0!==r?r:e.neutral["100"];case"warning":return null!==(l=e.colors.warningSoft)&&void 0!==l?l:e.neutral["100"];default:return e.neutral["100"]}},O=s.ZP.span.withConfig({componentId:"sc-257ac9cf-0"})(styles_templateObject4(),e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.weights.semiBold},e=>{let{theme:t}=e;return t.fontSizes.x_small},e=>{let{theme:t}=e;return t.radii.xxx_large},e=>{let{theme:t,$variant:n,$tone:r}=e;return"soft"===n?(0,s.iv)(Badge_styles_templateObject(),softBg(t,r),toneColor(t,r)):(0,s.iv)(Badge_styles_templateObject1(),toneColor(t,r),t.colors.white)},e=>{let{theme:t,$dot:n}=e;return n?(0,s.iv)(Badge_styles_templateObject2(),t.spacing.small,t.spacing.small):(0,s.iv)(styles_templateObject3(),t.spacing.medium,t.spacing.medium,t.spacing.x_small)}),capCount=(e,t)=>{if(void 0===t)return e;let n="number"==typeof e?e:Number(e);return!Number.isNaN(n)&&n>t?"".concat(t,"+"):e},Badge=e=>{let{tone:t="neutral",variant:n="soft",dot:l=!1,max:i,children:a,...o}=e;return(0,r.jsx)(O,{$tone:t,$variant:n,$dot:l,...o,children:l?null:capCount(a,i)})};function Field_styles_templateObject(){let e=(0,p._)(["\n display: flex;\n flex-direction: column;\n gap: ",";\n"]);return Field_styles_templateObject=function(){return e},e}function Field_styles_templateObject1(){let e=(0,p._)(["\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n color: ",";\n"]);return Field_styles_templateObject1=function(){return e},e}function Field_styles_templateObject2(){let e=(0,p._)(["\n display: flex;\n align-items: center;\n gap: ",";\n min-height: 44px;\n padding: ",";\n background: ",";\n border: 1px solid\n ",";\n border-radius: ",";\n transition: ",";\n cursor: ",";\n\n &:focus-within {\n border-color: ",";\n outline: 2px solid\n ",";\n outline-offset: 1px;\n }\n"]);return Field_styles_templateObject2=function(){return e},e}function Field_styles_templateObject3(){let e=(0,p._)(["\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n color: ",";\n"]);return Field_styles_templateObject3=function(){return e},e}function Field_styles_templateObject4(){let e=(0,p._)(["\n flex: 1;\n min-width: 0;\n border: 0;\n padding: 0;\n background: transparent;\n font-family: ",";\n /* 16px avoids the iOS focus-zoom */\n font-size: ",";\n color: ",";\n\n &::placeholder {\n color: ",";\n }\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n color: ",";\n cursor: not-allowed;\n }\n"]);return Field_styles_templateObject4=function(){return e},e}
1function styles_templateObject5(){let e=(0,p._)(["\n margin: 0;\n font-family: ",";\n font-size: ",";\n color: ",";\n"]);return styles_templateObject5=function(){return e},e}function styles_templateObject6(){let e=(0,p._)(["\n margin: 0;\n font-family: ",";\n font-size: ",";\n color: ",";\n"]);return styles_templateObject6=function(){return e},e}function styles_templateObject7(){let e=(0,p._)(["\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n gap: ",";\n color: ",";\n font-family: ",";\n font-size: ",";\n white-space: nowrap;\n"]);return styles_templateObject7=function(){return e},e}function _templateObject8(){let e=(0,p._)(["\n flex: 1;\n width: 100%;\n min-height: 96px;\n border: 0;\n outline: 0;\n padding: 0;\n resize: vertical;\n background: transparent;\n font-family: ",";\n font-size: ",";\n line-height: 1.45;\n color: ",";\n\n &::placeholder {\n color: ",";\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n"]);return _templateObject8=function(){return e},e}function _templateObject9(){let e=(0,p._)(["\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: ",";\n"]);return _templateObject9=function(){return e},e}Badge.displayName="Badge";let w=s.ZP.div.withConfig({componentId:"sc-c1e84b03-0"})(Field_styles_templateObject(),e=>{let{theme:t}=e;return t.spacing.x_small}),C=s.ZP.label.withConfig({componentId:"sc-c1e84b03-1"})(Field_styles_templateObject1(),e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.fontSizes.small},e=>{let{theme:t}=e;return t.weights.medium},e=>{let{theme:t}=e;return t.colors.text}),k=s.ZP.div.withConfig({componentId:"sc-c1e84b03-2"})(Field_styles_templateObject2(),e=>{let{theme:t}=e;return t.spacing.small},e=>{let{theme:t}=e;return"0 ".concat(t.spacing.middle)},e=>{let{theme:t,$disabled:n}=e;return n?t.neutral["50"]:t.colors.surface},e=>{let{theme:t,$hasError:n}=e;return n?t.colors.danger:t.colors.border},e=>{let{theme:t}=e;return t.radii.middle},e=>{let{theme:t}=e;return t.transitions.regular},e=>{let{$disabled:t}=e;return t?"not-allowed":"text"},e=>{let{theme:t,$hasError:n}=e;return n?t.colors.danger:t.colors.primary},e=>{let{theme:t,$hasError:n}=e;return n?t.colors.danger:t.colors.primary}),S=s.ZP.span.withConfig({componentId:"sc-c1e84b03-3"})(Field_styles_templateObject3(),e=>{let{theme:t}=e;return t.colors.textMuted}),z=s.ZP.input.withConfig({componentId:"sc-c1e84b03-4"})(Field_styles_templateObject4(),e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.fontSizes.medium},e=>{let{theme:t}=e;return t.colors.text},e=>{let{theme:t}=e;return t.colors.textMuted},e=>{let{theme:t}=e;return t.colors.textMuted}),P=s.ZP.p.withConfig({componentId:"sc-c1e84b03-5"})(styles_templateObject5(),e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.fontSizes.small},e=>{let{theme:t}=e;return t.colors.textMuted}),T=s.ZP.p.withConfig({componentId:"sc-c1e84b03-6"})(styles_templateObject6(),e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.fontSizes.small},e=>{let{theme:t}=e;return t.colors.danger}),I=s.ZP.span.withConfig({componentId:"sc-c1e84b03-7"})(styles_templateObject7(),e=>{let{theme:t}=e;return t.spacing.xx_small},e=>{let{theme:t}=e;return t.colors.text},e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.fontSizes.small}),B=s.ZP.textarea.withConfig({componentId:"sc-c1e84b03-8"})(_templateObject8(),e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.fontSizes.medium},e=>{let{theme:t}=e;return t.colors.text},e=>{let{theme:t}=e;return t.colors.textMuted}),$=s.ZP.div.withConfig({componentId:"sc-c1e84b03-9"})(_templateObject9(),e=>{let{theme:t}=e;return t.spacing.small}),N=(0,i.forwardRef)((e,t)=>{let{label:n,hint:l,error:a,required:o,leadingIcon:s,trailingIcon:c,prefix:d,flag:u,flagLabel:p,disabled:m,id:g,...h}=e,b=(0,i.useId)(),f=null!=g?g:b,x="".concat(f,"-hint"),j="".concat(f,"-error"),_="".concat(f,"-prefix"),y=[d?_:"",a?j:l?x:""].filter(Boolean).join(" ")||void 0;return(0,r.jsxs)(w,{children:[n&&(0,r.jsxs)(C,{htmlFor:f,children:[n,o&&(0,r.jsx)("span",{"aria-hidden":"true",children:" *"})]}),(0,r.jsxs)(k,{$hasError:!!a,$disabled:m,children:[s&&(0,r.jsx)(S,{"aria-hidden":"true",children:s}),(u||d)&&(0,r.jsxs)(I,{id:_,children:[u&&(p?(0,r.jsx)("span",{role:"img","aria-label":p,children:u}):(0,r.jsx)("span",{"aria-hidden":"true",children:u})),d]}),(0,r.jsx)(z,{ref:t,id:f,disabled:m,"aria-invalid":!!a||void 0,"aria-describedby":y,"aria-required":o||void 0,required:o,...h}),c&&(0,r.jsx)(S,{"aria-hidden":"true",children:c})]}),l&&!a&&(0,r.jsx)(P,{id:x,children:l}),a&&(0,r.jsx)(T,{id:j,role:"alert",children:a})]})});N.displayName="Input";let F=(0,i.forwardRef)((e,t)=>{var n;let{label:l,hint:a,error:o,required:s,showCount:c,disabled:d,id:u,maxLength:p,value:m,defaultValue:g,rows:h=4,...b}=e,f=(0,i.useId)(),x=null!=u?u:f,j="".concat(x,"-hint"),_="".concat(x,"-error"),y=String(null!==(n=null!=m?m:g)&&void 0!==n?n:"").length;return(0,r.jsxs)(w,{children:[l&&(0,r.jsxs)(C,{htmlFor:x,children:[l,s&&(0,r.jsx)("span",{"aria-hidden":"true",children:" *"})]}),(0,r.jsx)(k,{$hasError:!!o,$disabled:d,children:(0,r.jsx)(B,{ref:t,id:x,rows:h,maxLength:p,value:m,defaultValue:g,disabled:d,"aria-invalid":!!o||void 0,"aria-describedby":o?_:a?j:void 0,"aria-required":s||void 0,required:s,...b})}),(0,r.jsxs)($,{children:[o?(0,r.jsx)(T,{id:_,role:"alert",children:o}):a&&(0,r.jsx)(P,{id:j,children:a}),c&&void 0!==p&&(0,r.jsxs)(P,{"aria-hidden":"true",children:[y," / ",p]})]})]})});F.displayName="Textarea";var M=n(31163);
1function catalog_styles_templateObject(){let e=(0,p._)(["\n min-height: 100vh;\n padding: ",";\n background: ",";\n"]);return catalog_styles_templateObject=function(){return e},e}function catalog_styles_templateObject1(){let e=(0,p._)(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: ",";\n"]);return catalog_styles_templateObject1=function(){return e},e}function catalog_styles_templateObject2(){let e=(0,p._)(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: ",";\n padding: ",";\n background: ",";\n border: 1px solid ",";\n border-radius: ",";\n"]);return catalog_styles_templateObject2=function(){return e},e}function catalog_styles_templateObject3(){let e=(0,p._)(["\n display: flex;\n gap: ",";\n align-items: flex-start;\n\n @media (max-width: 768px) {\n flex-direction: column;\n }\n"]);return catalog_styles_templateObject3=function(){return e},e}function catalog_styles_templateObject4(){let e=(0,p._)(["\n display: flex;\n flex-direction: column;\n gap: ",";\n min-width: 176px;\n position: sticky;\n top: ",";\n align-self: flex-start;\n\n @media (max-width: 768px) {\n position: static;\n flex-direction: row;\n flex-wrap: wrap;\n min-width: 0;\n width: 100%;\n }\n"]);return catalog_styles_templateObject4=function(){return e},e}function catalog_styles_templateObject5(){let e=(0,p._)(["\n text-align: left;\n padding: ",";\n border: 0;\n border-radius: ",";\n background: ",";\n color: ",";\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n cursor: pointer;\n transition: ",";\n\n &:hover {\n background: ",";\n }\n\n &:focus-visible {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n"]);return catalog_styles_templateObject5=function(){return e},e}function catalog_styles_templateObject6(){let e=(0,p._)(["\n flex: 1;\n min-width: 0;\n"]);return catalog_styles_templateObject6=function(){return e},e}function catalog_styles_templateObject7(){let e=(0,p._)(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: ",";\n flex-wrap: wrap;\n"]);return catalog_styles_templateObject7=function(){return e},e}function styles_templateObject8(){let e=(0,p._)(["\n display: inline-flex;\n align-items: center;\n gap: ",";\n padding: ",";\n border: 1px solid ",";\n border-radius: ",";\n background: ",";\n color: ",";\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n white-space: nowrap;\n text-decoration: none;\n transition: ",";\n\n &:hover {\n border-color: ",";\n background: ",";\n }\n\n &:focus-visible {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n"]);return styles_templateObject8=function(){return e},e}function styles_templateObject9(){let e=(0,p._)(["\n padding: ",";\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n color: ",";\n cursor: pointer;\n font-family: ",";\n font-size: ",";\n font-weight: ",";\n transition: ",";\n"]);return styles_templateObject9=function(){return e},e}n(7326);let Z=s.ZP.div.withConfig({componentId:"sc-c22d4b17-0"})(catalog_styles_templateObject(),e=>{let{theme:t}=e;return"".concat(t.spacing.xxx_large," ").concat(t.spacing.large)},e=>{let{theme:t}=e;return t.colors.background}),H=s.ZP.div.withConfig({componentId:"sc-c22d4b17-1"})(catalog_styles_templateObject1(),e=>{let{theme:t}=e;return t.spacing.medium}),R=s.ZP.div.withConfig({componentId:"sc-c22d4b17-2"})(catalog_styles_templateObject2(),e=>{let{theme:t}=e;return t.spacing.medium},e=>{let{theme:t}=e;return t.spacing.large},e=>{let{theme:t}=e;return t.colors.surface},e=>{let{theme:t}=e;return t.colors.border},e=>{let{theme:t}=e;return t.radii.medium}),E=s.ZP.div.withConfig({componentId:"sc-c22d4b17-3"})(catalog_styles_templateObject3(),e=>{let{theme:t}=e;return t.spacing.x_large}),L=s.ZP.nav.withConfig({componentId:"sc-c22d4b17-4"})(catalog_styles_templateObject4(),e=>{let{theme:t}=e;return t.spacing.xxx_small},e=>{let{theme:t}=e;return t.spacing.large}),G=s.ZP.button.withConfig({componentId:"sc-c22d4b17-5"}
1)(catalog_styles_templateObject5(),e=>{let{theme:t}=e;return"".concat(t.spacing.small," ").concat(t.spacing.middle)},e=>{let{theme:t}=e;return t.radii.middle},e=>{let{theme:t,$active:n}=e;return n?t.colors.surfaceMuted:"transparent"},e=>{let{theme:t,$active:n}=e;return n?t.colors.primary:t.colors.text},e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.fontSizes.middle},e=>{let{theme:t,$active:n}=e;return n?t.weights.semiBold:t.weights.medium},e=>{let{theme:t}=e;return t.transitions.regular},e=>{let{theme:t}=e;return t.colors.surfaceMuted},e=>{let{theme:t}=e;return t.colors.primary}),J=s.ZP.div.withConfig({componentId:"sc-c22d4b17-6"})(catalog_styles_templateObject6()),W=s.ZP.div.withConfig({componentId:"sc-c22d4b17-7"})(catalog_styles_templateObject7(),e=>{let{theme:t}=e;return t.spacing.medium}),D=s.ZP.a.withConfig({componentId:"sc-c22d4b17-8"})(styles_templateObject8(),e=>{let{theme:t}=e;return t.spacing.x_small},e=>{let{theme:t}=e;return"".concat(t.spacing.small," ").concat(t.spacing.middle)},e=>{let{theme:t}=e;return t.colors.border},e=>{let{theme:t}=e;return t.radii.middle},e=>{let{theme:t}=e;return t.colors.surface},e=>{let{theme:t}=e;return t.colors.primary},e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.fontSizes.small},e=>{let{theme:t}=e;return t.weights.medium},e=>{let{theme:t}=e;return t.transitions.regular},e=>{let{theme:t}=e;return t.colors.primary},e=>{let{theme:t}=e;return t.colors.surfaceMuted},e=>{let{theme:t}=e;return t.colors.primary}),A=s.ZP.button.withConfig({componentId:"sc-c22d4b17-9"})(styles_templateObject9(),e=>{let{theme:t}=e;return"".concat(t.spacing.x_small," ").concat(t.spacing.middle)},e=>{let{theme:t}=e;return t.radii.xxx_large},e=>{let{theme:t,$active:n}=e;return n?t.colors.primary:t.colors.border},e=>{let{theme:t,$active:n}=e;return n?t.colors.primary:t.colors.surface},e=>{let{theme:t,$active:n}=e;return n?t.colors.white:t.colors.text},e=>{let{theme:t}=e;return t.fonts.primary},e=>{let{theme:t}=e;return t.fontSizes.small},e=>{let{theme:t}=e;return t.weights.medium},e=>{let{theme:t}=e;return t.transitions.regular}),X=[u.O3.lovelystay,u.O3.andoliving,u.O3.ferienhaus],q=["Typography","Icon","Button","Chip","Badge","Card","Input","Notification","Layout"],U=[d.FP.SUCCESS,d.FP.INFO,d.FP.WARNING,d.FP.ERROR],K=[d.Xm.TOP_LEFT,d.Xm.TOP_CENTER,d.Xm.TOP_RIGHT,d.Xm.BOTTOM_LEFT,d.Xm.BOTTOM_CENTER,d.Xm.BOTTOM_RIGHT],V={[d.FP.SUCCESS]:"Your booking has been confirmed.",[d.FP.INFO]:"Check-in opens 48 hours before arrival.",[d.FP.WARNING]:"Those dates are almost fully booked.",[d.FP.ERROR]:"We could not process your request."},Y={[d.FP.SUCCESS]:"All set",[d.FP.INFO]:"Good to know",[d.FP.WARNING]:"Heads up",[d.FP.ERROR]:"Something went wrong"},Catalog=()=>{let[e,t]=(0,i.useState)(u.O3.lovelystay),[n,l]=(0,i.useState)("Typography"),[p,m]=(0,i.useState)({"Short-term":!0}),[g,h]=(0,i.useState)(["Lisbon","Porto","Algarve"]),[f,x]=(0,i.useState)(d.Xm.BOTTOM_RIGHT),[_,y]=(0,i.useState)(!1),[O,w]=(0,i.useState)(!1),[C,k]=(0,i.useState)(!1),toggle=e=>m(t=>({...t,[e]:!t[e]})),fireToast=e=>(0,d.c0)({type:e,position:f,autoClose:!_&&5e3,message:C?"We could not charge your card because the issuing bank declined the transaction. Try a different card, or reach out to your bank and then start the booking again.":V[e],...O&&{title:Y[e]}}),S=[{label:"Title",value:O,set:w},{label:"Long message",value:C,set:k},{label:"Never auto-close",value:_,set:y}],z={Typography:(0,r.jsx)(R,{children:(0,r.jsxs)(Stack,{gap:"small",children:[(0,r.jsx)(Text,{variant:"display-large",children:"Find your next stay."}),(0,r.jsx)(Text,{variant:"display-small",children:"Display small"}),(0,r.jsx)(Text,{variant:"h1",children:"Heading 1"}),(0,r.jsx)(Text,{variant:"h3",children:"Heading 3"}),(0,r.jsx)(Text,{variant:"body-large",children:"Body large â curated stays across Portugal."}),(0,r.jsx)(Text,{variant:"body",children:"Body â the default paragraph size."}),(0,r.jsx)(Text,{variant:"caption",children:"Caption â muted supporting text."}),(0,r.jsx)(Text,{variant:"overline",children:"Overline label"})]})}),Icon:(0,r.jsxs)(R,{children:[(0,r.jsx)(b.J,{as:a.CNP,size:16}),(0,r.jsx)(b.J,{as:a.CNP,size:24}),(0,r.jsx)(b.J,{as:a.CNP,size:32}),(0,r.jsx)(b.J,{as:a.IBj,size:24,color:"danger"}),(0,r.jsx)(b.J,{as:a.CRt,size:24,color:"primary"}),(0,r.jsx)(b.J,{as:a.CNP,size:24,color:"textMuted",label:"Search"})]}),Button:(0,r.jsxs)(Stack,{gap:"large",children:[(0,r.jsxs)(Stack,{gap:"small",children:[(0,r.jsx)(Text,{variant:"label",color:"textMuted",children:"Variants"}),(0,r.jsxs)(R,{children:[(0,r.jsx)(v.z,{variant:"primary",children:"Primary"}),(0,r.jsx)(v.z,{variant:"secondary",children:"Secondary"}),(0,r.jsx)(v.z,{variant:"outline",children:"Outline"}),(0,r.jsx)(v.z,{variant:"ghost",children:"Ghost"}),(0,r.jsx)(v.z,{variant:"danger",children:"Danger"})]})]}),(0,r.jsxs)(Stack,{gap:"small",children:[(0,r.jsx)(Text,{variant:"label",color:"textMuted",children:"Sizes, icons & states"}),(0,r.jsxs)(R,{children:[(0,r.jsx)(v.z,{size:"sm",children:"Small"}),(0,r.jsx)(v.z,{size:"md",children:"Medium"}),(0,r.jsx)(v.z,{size:"lg",children:"Large"}),(0,r.jsx)(v.z,{leadingIcon:(0,r.jsx)(b.J,{as:a.CNP}),children:"Search"}),(0,r.jsx)(v.z,{trailingIcon:(0,r.jsx)(b.J,{as:a.D3e}),children:"Next"}),(0,r.jsx)(v.z,{iconOnly:!0,"aria-label":"Add",children:(0,r.jsx)(b.J,{as:a.PqE})}),(0,r.jsx)(v.z,{isLoading:!0,children:"Loading"}),(0,r.jsx)(v.z,{disabled:!0,children:"Disabled"})]})]})]}),Chip:(0,r.jsxs)(Stack,{gap:"large",children:[(0,r.jsxs)(Stack,{gap:"small",children:[(0,r.jsx)(Text,{variant:"label",color:"textMuted",children:"Variants & tones"}),(0,r.jsxs)(R,{children:[(0,r.jsx)(Chip,{variant:"soft",tone:"brand",children:"Soft brand"}),(0,r.jsx)(Chip,{variant:"solid",tone:"brand",children:"Solid brand"}
1),(0,r.jsx)(Chip,{variant:"outline",tone:"brand",children:"Outline brand"}),(0,r.jsx)(Chip,{variant:"soft",tone:"neutral",children:"Soft neutral"}),(0,r.jsx)(Chip,{variant:"solid",tone:"neutral",children:"Solid neutral"})]})]}),(0,r.jsxs)(Stack,{gap:"small",children:[(0,r.jsx)(Text,{variant:"label",color:"textMuted",children:"Interactive â click to toggle / remove"}),(0,r.jsxs)(R,{children:[["Short-term","Mid-term","Long-term"].map(e=>(0,r.jsx)(Chip,{tone:"brand",variant:p[e]?"solid":"soft",selected:!!p[e],onClick:()=>toggle(e),children:e},e)),g.map(e=>(0,r.jsx)(Chip,{onRemove:()=>h(t=>t.filter(t=>t!==e)),removeLabel:"Remove ".concat(e),children:e},e))]})]})]}),Badge:(0,r.jsxs)(R,{children:[(0,r.jsx)(Badge,{tone:"neutral",children:"3"}),(0,r.jsx)(Badge,{tone:"brand",children:"New"}),(0,r.jsx)(Badge,{tone:"danger",children:"5"}),(0,r.jsx)(Badge,{tone:"success",children:"OK"}),(0,r.jsx)(Badge,{tone:"warning",children:"!"}),(0,r.jsx)(Badge,{tone:"brand",variant:"soft",children:"Soft"}),(0,r.jsx)(Badge,{tone:"danger",dot:!0}),(0,r.jsx)(Badge,{tone:"danger",max:99,children:120})]}),Card:(0,r.jsxs)(H,{children:[(0,r.jsxs)(j.Z,{variant:"elevated",children:[(0,r.jsx)(Heading,{level:4,children:"Elevated"}),(0,r.jsx)(Text,{variant:"body-small",color:"textMuted",children:"Shadow surface."})]}),(0,r.jsxs)(j.Z,{variant:"outlined",children:[(0,r.jsx)(Heading,{level:4,children:"Outlined"}),(0,r.jsx)(Text,{variant:"body-small",color:"textMuted",children:"Bordered surface."})]}),(0,r.jsxs)(j.Z,{variant:"elevated",interactive:!0,children:[(0,r.jsx)(Heading,{level:4,children:"Interactive"}),(0,r.jsx)(Text,{variant:"body-small",color:"textMuted",children:"Hover me â lift + focus ring."})]})]}),Input:(0,r.jsxs)(Grid,{columns:2,gap:"large",style:{maxWidth:720},children:[(0,r.jsx)(N,{label:"Destination",placeholder:"Lisbon, Portugal"}),(0,r.jsx)(N,{label:"Destination",placeholder:"Lisbon, Portugal",leadingIcon:(0,r.jsx)(b.J,{as:a.CRt})}),(0,r.jsx)(N,{label:"Email",hint:"We never share it.",type:"email"}),(0,r.jsx)(N,{label:"Email",error:"Required field",required:!0}),(0,r.jsx)(N,{label:"Disabled",placeholder:"Unavailable",disabled:!0})]}),Notification:(0,r.jsxs)(Stack,{gap:"x_large",children:[(0,r.jsxs)(Stack,{gap:"small",children:[(0,r.jsx)(Text,{variant:"label",color:"textMuted",children:"Toast â floats in a corner, auto-dismisses, never blocks"}),(0,r.jsxs)(Stack,{gap:"middle",children:[(0,r.jsx)(M.P_,{tone:"success",progress:65,onClose:()=>void 0,closeLabel:"Close",children:"Saved successfully."}),(0,r.jsx)(M.P_,{tone:"info",progress:40,onClose:()=>void 0,closeLabel:"Close",children:"Useful info you should know."}),(0,r.jsx)(M.P_,{tone:"warning",progress:55,onClose:()=>void 0,closeLabel:"Close",children:"Please review your details."}),(0,r.jsx)(M.P_,{tone:"error",progress:30,onClose:()=>void 0,closeLabel:"Close",children:"Something went wrong."})]})]}),(0,r.jsxs)(Stack,{gap:"middle",children:[(0,r.jsx)(Text,{variant:"label",color:"textMuted",children:"Toast â live bench"}),(0,r.jsxs)(R,{children:[U.map(e=>(0,r.jsx)(v.z,{variant:"secondary",onClick:()=>fireToast(e),children:e},e)),(0,r.jsx)(v.z,{variant:"outline",onClick:()=>U.forEach(e=>fireToast(e)),children:"All four (stacking)"}),(0,r.jsx)(v.z,{variant:"ghost",onClick:()=>o.Am.dismiss(),children:"Dismiss all"})]}),(0,r.jsx)(H,{role:"group","aria-label":"Toast content",children:S.map(e=>{let{label:t,value:n,set:l}=e;return(0,r.jsx)(A,{type:"button",$active:n,"aria-pressed":n,onClick:()=>l(e=>!e),children:t},t)})}),(0,r.jsx)(H,{role:"group","aria-label":"Toast position",children:K.map(e=>(0,r.jsx)(A,{type:"button",$active:f===e,"aria-pressed":f===e,onClick:()=>x(e),children:e},e))}),(0,r.jsx)(Text,{variant:"caption",color:"textMuted",children:"Toasts render in the app-level ThemeProvider from `_app`, so the brand switcher above does not retheme them â load `/ferienhaus/design-system` to check Ferienhaus. No link or actions toggle: Figma scopes both to the inline layout below."})]}),(0,r.jsxs)(Stack,{gap:"small",children:[(0,r.jsx)(Text,{variant:"label",color:"textMuted",children:"Inline â anchored in the page flow, stays until resolved"}),(0,r.jsxs)(Grid,{columns:2,gap:"medium",children:[(0,r.jsx)(M.P_,{variant:"inline",tone
1:"success",title:"Breakfast added to your booking",onClose:()=>void 0,closeLabel:"Close",children:"Pay it with the rest on the check-in page."}),(0,r.jsx)(M.P_,{variant:"inline",tone:"info",title:"Useful info you should know",onClose:()=>void 0,closeLabel:"Close",children:"This message explains something without demanding action."}),(0,r.jsx)(M.P_,{variant:"inline",tone:"warning",title:"Orders close in 6 hours",onClose:()=>void 0,closeLabel:"Close",children:"Breakfast for tomorrow must be ordered before 20:00."}),(0,r.jsx)(M.P_,{variant:"inline",tone:"error",title:"That link has expired",onClose:()=>void 0,closeLabel:"Close",children:"Booking links stop working 30 days after check-out."})]})]}),(0,r.jsxs)(Stack,{gap:"small",children:[(0,r.jsx)(Text,{variant:"label",color:"textMuted",children:"Inline â optional slots"}),(0,r.jsxs)(Grid,{columns:2,gap:"medium",children:[(0,r.jsxs)(Stack,{gap:"x_small",children:[(0,r.jsx)(Text,{variant:"caption",color:"textMuted",children:"Basic â close only, the default"}),(0,r.jsx)(M.P_,{variant:"inline",tone:"error",title:"That link has expired",onClose:()=>void 0,closeLabel:"Close",children:"Booking links stop working 30 days after check-out."})]}),(0,r.jsxs)(Stack,{gap:"x_small",children:[(0,r.jsx)(Text,{variant:"caption",color:"textMuted",children:"With detail link â a route to an explanation"}),(0,r.jsx)(M.P_,{variant:"inline",tone:"error",title:"That link has expired",onClose:()=>void 0,closeLabel:"Close",link:{href:"/help/booking-links",label:"See common reasons"},children:"Booking links stop working 30 days after check-out."})]}),(0,r.jsxs)(Stack,{gap:"x_small",children:[(0,r.jsx)(Text,{variant:"caption",color:"textMuted",children:"With actions â recovery, real Buttons at size sm"}),(0,r.jsx)(M.P_,{variant:"inline",tone:"error",title:"That link has expired",onClose:()=>void 0,closeLabel:"Close",actions:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(v.z,{variant:"danger",size:"sm",children:"Try another card"}),(0,r.jsx)(v.z,{variant:"outline",size:"sm",children:"Get help"})]}),children:"Booking links stop working 30 days after check-out."})]})]})]}),(0,r.jsx)(Text,{variant:"caption",color:"textMuted",children:"The rule: anything the guest must act on belongs inline. A toast can vanish before it is read, so it never carries the only route out of a problem."})]}),Layout:(0,r.jsxs)(Stack,{gap:"small",children:[(0,r.jsx)(Text,{variant:"label",color:"textMuted",children:"Grid â columns=3, token gap"}),(0,r.jsx)(Grid,{columns:3,gap:"medium",children:[1,2,3].map(e=>(0,r.jsx)(j.Z,{variant:"outlined",children:(0,r.jsxs)(Text,{variant:"body",children:["Cell ",e]})},e))})]})};return(0,r.jsx)(s.f6,{theme:(0,c.g)(e),children:(0,r.jsx)(Z,{children:(0,r.jsxs)(Stack,{gap:"x_large",children:[(0,r.jsxs)(Stack,{gap:"small",children:[(0,r.jsxs)(W,{children:[(0,r.jsxs)(Stack,{gap:"x_small",children:[(0,r.jsx)(Text,{variant:"overline",color:"primary",children:"LovelyStay Design System"}),(0,r.jsx)(Text,{variant:"display-medium",as:"h1",children:"Component catalog"})]}),(0,r.jsxs)(D,{href:"https://www.figma.com/design/GmMWzhFB5AlJKtmuhk6n8E",target:"_blank",rel:"noopener noreferrer",children:[(0,r.jsx)(b.J,{as:a.$OI,size:16}),"Open the Figma library"]})]}),(0,r.jsx)(Text,{variant:"body",color:"textMuted",children:"Live primitives inside the real ThemeProvider. Hover, focus and tab through them â states are real. Switch the brand to preview theming."}),(0,r.jsx)(H,{role:"group","aria-label":"Brand",children:X.map(n=>(0,r.jsx)(A,{type:"button",$active:e===n,"aria-pressed":e===n,onClick:()=>t(n),children:n},n))})]}),(0,r.jsxs)(E,{children:[(0,r.jsx)(L,{"aria-label":"Components",children:q.map(e=>(0,r.jsx)(G,{type:"button",$active:n===e,"aria-current":n===e?"page":void 0,onClick:()=>l(e),children:e},e))}),(0,r.jsx)(J,{children:(0,r.jsxs)(Stack,{gap:"medium",as:"section",children:[(0,r.jsx)(Heading,{level:2,children:n}),z[n]]})})]})]})})})};Catalog.displayName="Catalog";var Q=!0,index_page=()=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.PB,{noindex:!0,nofollow:!0,title:"Design System"}),(0,r.jsx)(Catalog,{})]})}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=86463)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.