https://www.elle.com/_assets/fre/scopes/hdm/_next/static/chunks/78241.d839c59ce20a1490.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[622,23003,78241],{4860:(t,o,e)=>{e.d(o,{$:()=>g});var r=e(93682),n=e(53520),l=e(71055),i=e(92944);function a(t){let o=t.indexOf("-"),e=t.slice(0,o),r=t.slice(o+1);return{scheme:e,style:"transparent"===r?"transp":r}}let c={md:{gap:"gap-(--comp-btn-md-dim-gap-mobile)",padding:"px-(--comp-btn-md-dim-padding-inline-mobile) py-(--comp-btn-md-dim-padding-block-mobile)",paddingIcon:"p-(--comp-btn-md-dim-padding-block-mobile)",iconSize:"h-(--comp-btn-md-dim-icon-size-mobile) w-(--comp-btn-md-dim-icon-size-mobile)",labelOffset:"translate-y-(--comp-btn-md-dim-offset-y)"},lg:{gap:"gap-(--comp-btn-lg-dim-gap-mobile)",padding:"px-(--comp-btn-lg-dim-padding-inline-mobile) py-(--comp-btn-lg-dim-padding-block-mobile)",paddingIcon:"p-(--comp-btn-lg-dim-padding-block-mobile)",iconSize:"h-(--comp-btn-lg-dim-icon-size-mobile) w-(--comp-btn-lg-dim-icon-size-mobile)",labelOffset:"translate-y-(--comp-btn-lg-dim-offset-y)"},xl:{gap:"gap-(--comp-btn-xl-dim-gap-mobile)",padding:"px-(--comp-btn-xl-dim-padding-inline-mobile) py-(--comp-btn-xl-dim-padding-block-mobile)",paddingIcon:"p-(--comp-btn-xl-dim-padding-block-mobile)",iconSize:"h-(--comp-btn-xl-dim-icon-size-mobile) w-(--comp-btn-xl-dim-icon-size-mobile)",labelOffset:"translate-y-(--comp-btn-xl-dim-offset-y)"}},m={primary:{md:"font-(family-name:--comp-btn-primary-md-type-family-mobile) font-(--comp-btn-primary-md-type-weight-mobile) text-(length:--comp-btn-primary-md-type-size-mobile) leading-(--comp-btn-primary-md-type-line-height-mobile) tracking-(--comp-btn-primary-md-type-letter-spacing-mobile) [text-transform:var(--comp-btn-primary-md-type-txt-case-mobile)]",lg:"font-(family-name:--comp-btn-primary-lg-type-family-mobile) font-(--comp-btn-primary-lg-type-weight-mobile) text-(length:--comp-btn-primary-lg-type-size-mobile) leading-(--comp-btn-primary-lg-type-line-height-mobile) tracking-(--comp-btn-primary-lg-type-letter-spacing-mobile) [text-transform:var(--comp-btn-primary-lg-type-txt-case-mobile)]",xl:"font-(family-name:--comp-btn-primary-xl-type-family-mobile) font-(--comp-btn-primary-xl-type-weight-mobile) text-(length:--comp-btn-primary-xl-type-size-mobile) leading-(--comp-btn-primary-xl-type-line-height-mobile) tracking-(--comp-btn-primary-xl-type-letter-spacing-mobile) [text-transform:var(--comp-btn-primary-xl-type-txt-case-mobile)]"},secondary:{md:"font-(family-name:--comp-btn-secondary-md-type-family-mobile) font-(--comp-btn-secondary-md-type-weight-mobile) text-(length:--comp-btn-secondary-md-type-size-mobile) leading-(--comp-btn-secondary-md-type-line-height-mobile) tracking-(--comp-btn-secondary-md-type-letter-spacing-mobile) [text-transform:var(--comp-btn-secondary-md-type-txt-case-mobile)]",lg:"font-(family-name:--comp-btn-secondary-lg-type-family-mobile) font-(--comp-btn-secondary-lg-type-weight-mobile) text-(length:--comp-btn-secondary-lg-type-size-mobile) leading-(--comp-btn-secondary-lg-type-line-height-mobile) tracking-(--comp-btn-secondary-lg-type-letter-spacing-mobile) [text-transform:var(--comp-btn-secondary-lg-type-txt-case-mobile)]",xl:"font-(family-name:--comp-btn-secondary-xl-type-family-mobile) font-(--comp-btn-secondary-xl-type-weight-mobile) text-(length:--comp-btn-secondary-xl-type-size-mobile) leading-(--comp-btn-secondary-xl-type-line-height-mobile) tracking-(--comp-btn-secondary-xl-type-letter-spacing-mobile) [text-transform:var(--comp-btn-secondary-xl-type-txt-case-mobile)]"},neutral:{md:"font-(family-name:--comp-btn-neutral-md-type-family-mobile) font-(--comp-btn-neutral-md-type-weight-mobile) text-(length:--comp-btn-neutral-md-type-size-mobile) leading-(--comp-btn-neutral-md-type-line-height-mobile) tracking-(--comp-btn-neutral-md-type-letter-spacing-mobile) [text-transform:var(--comp-btn-neutral-md-type-txt-case-mobile)]",lg:"font-(family-name:--comp-btn-neutral-lg-type-family-mobile) font-(--comp-btn-neutral-lg-type-weight-mobile) text-(length:--comp-btn-neutral-lg-type-size-mobile) leading-(--comp-btn-neutral-lg-type-line-height-mobile) tracking-(--comp-btn-neutral-lg-type-letter-spacing-mobile) [text-transform:var(--comp-btn-neutral-lg-type-txt-case-mobile)]",xl:"font-(family-name:--comp-btn-neutral-xl-type-family-mobile) font-(--comp-btn-neutral-xl-type-weight-mobile) text-(length:--comp-btn-neutral-xl-type-size-mobile) leading-(--comp-btn-neutral-xl-type-line-height-mobile) tracking-(--comp-btn-neutral-xl-type-letter-spacing-mobile) [text-transform:var(--comp-btn-neutral-xl-type-txt-case-mobile)]"}},b={"primary-solid":["bg-(--comp-btn-primary-color-bg-solid)","hover:bg-(--comp-btn-primary-color-bg-solid-hover)","active:bg-(--comp-btn-primary-color-bg-solid-active)","text-(--comp-btn-primary-color-txt-solid)","hover:text-(--comp-btn-primary-color-txt-solid-hover)","active:text-(--comp-btn-primary-color-txt-solid-active)","border-(--comp-btn-primary-color-border-solid)","hover:border-(--comp-btn-primary-color-border-solid-hover)","active:border-(--comp-btn-primary-color-border-solid-active)","disabled:bg-(--comp-btn-primary-color-bg-solid)","disabled:text-(--comp-btn-primary-color-txt-solid)","disabled:border-(--comp-btn-primary-color-border-solid)"],"primary-outlined":["bg-(--comp-btn-primary-color-bg-outlined)","hover:bg-(--comp-btn-primary-color-bg-outlined-hover)","active:bg-(--comp-btn-primary-color-bg-outlined-active)","text-(--comp-btn-primary-color-txt-outlined)","hover:text-(--comp-btn-primary-color-txt-outlined-hover)","active:text-(--comp-btn-primary-color-txt-outlined-active)","border-(--comp-btn-primary-color-border-outlined)","hover:border-(--comp-btn-primary-color-border-outlined-hover)","active:border-(--comp-btn-primary-color-border-outlined-active)","disabled:bg-(--comp-btn-primary-color-bg-outlined)","disabled:text-(--comp-btn-primary-color-txt-outlined)","disabled:border-(--comp-btn-primary-color-border-outlined)"],"primary-transparent":["bg-(--comp-btn-primary-color-bg-transp)","hover:bg-(--comp-btn-primary-color-bg-transp-hover)","active:bg-(--comp-btn-primary-color-bg-transp-active)","text-(--comp-btn-primary-color-txt-transp)","hover:text-(--comp-btn-primary-color-txt-transp-hover)","active:text-(--comp-btn-primary-color-txt-transp-active)","border-(--comp-btn-primary-color-border-transp)","hover:border-(--comp-btn-primary-color-border-transp-hover)","active:border-(--comp-btn-primary-color-border-transp-active)","disabled:bg-(--comp-btn-primary-color-bg-transp)","disabled:text-(--comp-btn-primary-color-txt-transp)","disabled:border-(--comp-btn-primary-color-border-transp)"],"secondary-solid":["bg-(--comp-btn-secondary-color-bg-solid)","hover:bg-(--comp-btn-secondary-color-bg-solid-hover)","active:bg-(--comp-btn-secondary-color-bg-solid-active)","text-(--comp-btn-secondary-color-txt-solid)","hover:text-(--comp-btn-secondary-color-txt-solid-hover)","active:text-(--comp-btn-secondary-color-txt-solid-active)","border-(--comp-btn-secondary-color-border-solid)","hover:border-(--comp-btn-secondary-color-border-solid-hover)","active:border-(--comp-btn-secondary-color-border-solid-active)","disabled:bg-(--comp-btn-secondary-color-bg-solid)","disabled:text-(--comp-btn-secondary-color-txt-solid)","disabled:border-(--comp-btn-secondary-color-border-solid)"],"neutral-

1outlined":["bg-(--comp-btn-neutral-color-bg-outlined)","hover:bg-(--comp-btn-neutral-color-bg-outlined-hover)","active:bg-(--comp-btn-neutral-color-bg-outlined-active)","text-(--comp-btn-neutral-color-txt-outlined)","hover:text-(--comp-btn-neutral-color-txt-outlined-hover)","active:text-(--comp-btn-neutral-color-txt-outlined-active)","border-(--comp-btn-neutral-color-border-outlined)","hover:border-(--comp-btn-neutral-color-border-outlined-hover)","active:border-(--comp-btn-neutral-color-border-outlined-active)","disabled:bg-(--comp-btn-neutral-color-bg-outlined)","disabled:text-(--comp-btn-neutral-color-txt-outlined)","disabled:border-(--comp-btn-neutral-color-border-outlined)"],"neutral-transparent":["bg-(--comp-btn-neutral-color-bg-transp)","hover:bg-(--comp-btn-neutral-color-bg-transp-hover)","active:bg-(--comp-btn-neutral-color-bg-transp-active)","text-(--comp-btn-neutral-color-txt-transp)","hover:text-(--comp-btn-neutral-color-txt-transp-hover)","active:text-(--comp-btn-neutral-color-txt-transp-active)","border-(--comp-btn-neutral-color-border-transp)","hover:border-(--comp-btn-neutral-color-border-transp-hover)","active:border-(--comp-btn-neutral-color-border-transp-active)","disabled:bg-(--comp-btn-neutral-color-bg-transp)","disabled:text-(--comp-btn-neutral-color-txt-transp)","disabled:border-(--comp-btn-neutral-color-border-transp)"]};var p=e(94711);let d=["size","radius","variant","isDisabled","elementStart","children","elementEnd","isIconOnly","isFullWidth","height","colorOverrides","as","href"];function s(t,o){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),e.push.apply(e,r)}return e}function y(t){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?s(Object(e),!0).forEach(function(o){(0,r.A)(t,o,e[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):s(Object(e)).forEac

1h(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))})}return t}function g(t){let{size:o="md",radius:e="default",variant:r="primary-solid",isDisabled:s=!1,elementStart:g,children:u,elementEnd:x,isIconOnly:v=!1,isFullWidth:f=!1,height:h="auto",colorOverrides:k,as:$="button",href:O}=t,w=(0,n.A)(t,d),z=function(t,o,e,r,n,l){var p;let d,s,y=e||"primary-solid",g=t||"default",{scheme:u}=a(y);return(0,i.$)("hds-do-not-use inline-flex items-center justify-center cursor-pointer not-italic disabled:opacity-(--_opacity-32) disabled:cursor-not-allowed border-solid border-(length:--comp-btn-dim-border-width) no-underline",n&&"w-full","constrained"===(l||"auto")&&"!py-0 max-h-full h-full","default"===g&&"rounded-(--comp-btn-dim-radius-default)","square"===g&&"rounded-(--comp-btn-dim-radius-square)","rounded"===g&&"rounded-(--comp-btn-dim-radius-round)","md"===g&&"rounded-(--comp-btn-dim-radius-sm)",(d=c[p=o||"md"]??c.md,s=m[u]?.[p]??m.primary[p]??m.primary.md,(0,i.$)(d.gap,s,r?d.paddingIcon:d.padding)),b[y])}(e,o,r,v,f,h),C=(c[o??"md"]??c.md).iconSize,j=(c[o??"md"]??c.md).labelOffset,A=function(t,o){if(!o)return{};let{scheme:e,style:r}=a(t),n=`--comp-btn-${e}-color`,l={},i=(t,o,e)=>{o&&o!==t&&(o.startsWith("--comp-btn-")||o.startsWith("--comp-nav-navbar-")||o.startsWith("--comp-nav-utility-"))&&(l[t]=`var(${o})`)};return i(`${n}-bg-${r}`,o.backgroundColor,"backgroundColor"),i(`${n}-bg-${r}-hover`,o.backgroundColorHover,"backgroundColorHover"),i(`${n}-bg-${r}-active`,o.backgroundColorActive,"backgroundColorActive"),i(`${n}-txt-${r}`,o.textColor,"textColor"),i(`${n}-txt-${r}-hover`,o.textColorHover,"textColorHover"),i(`${n}-txt-${r}-active`,o.textColorActive,"textColorActive"),i(`${n}-border-${r}`,o.borderColor,"borderColor"),i(`${n}-border-${r}-hover`,o.borderColorHover,"borderColorHover"),i(`${n}-border-${r}-active`,o.borderColorActive,"borderColorActive"),l}(r,k),E=y(y({},w.style),A),P="a"===$?"a":"button",S="button"===P?y(y({},w),{},{disabled:s}):y(y({},w),{},{href:O});return(0,l.createElement)(P,y(y({},S),{},{className:z,style:E}),[g?(0,p.j)(g,C,"elementStart"):null,!v&&u?(0,l.createElement)("span",{key:"label",className:j},u):null,x?(0,p.j)(x,C,"elementEnd"):null])}g.displayName="Button"},78241:(t,o,e)=>{e.r(o),e.d(o,{default:()=>r.$});var r=e(4860)},92944:(t,o,e)=>{e.d(o,{$:()=>r});function r(){for(var t,o,e=0,r="",n=arguments.length;e<n;e++)(t=arguments[e])&&(o=function t(o){var e,r,n="";if("string"==typeof o||"number"==typeof o)n+=o;else if("object"==typeof o)if(Array.isArray(o)){var l=o.length;for(e=0;e<l;e++)o[e]&&(r=t(o[e]))&&(n&&(n+=" "),n+=r)}else for(r in o)o[r]&&(n&&(n+=" "),n+=r);return n}(t))&&(r&&(r+=" "),r+=o);return r}},94711:(t,o,e)=>{e.d(o,{j:()=>n});var r=e(71055);let n=(t,o,e)=>r.default.createElement("span",{key:e,className:o,"aria-hidden":!0},t)}}]);