"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[16],{111:(e,t,o)=>{o.d(t,{a:()=>l});var i=o(0),a=o(4),n=o(14),r=o(3),d=o(45),c=o(85);function l({groupColorsByOptionName:e=!1,newColorSectionName:t,coreColorSectionName:o,sizeGuideCodeBasedFlag:l=!1,defaultSizeGuideOptionName:u="",product:p,selectedVariant:s,setSelectedVariantId:m,compact:C=!1}){const{product:O,getOptionNameForColor:V,getHexForOptionColor:g,selectedVariant:N,findProductVariantWithOption:F,setSelectedVariantId:S}=(0,r.c)((e=>({product:null!=p?p:e.product,getOptionNameForColor:e.getOptionNameForColor,getHexForOptionColor:e.getHexForOptionColor,selectedVariant:null!=s?s:e.selectedVariant,findProductVariantWithOption:e.findProductVariantWithOption,setSelectedVariantId:null!=m?m:e.setSelectedVariantId}))),f=(0,c.b)({product:O,newColorSectionName:t,coreColorSectionName:o,getOptionNameForColor:e?V:()=>{}});if(!O||!f)return(0,i.jsx)(a.Fragment,{});const h="sizeGuide"in O?O.sizeGuide:void 0;return(0,i.jsx)("div",{class:n.a.container,children:f.map((e=>{var t;return(0,i.jsx)(d.a,{product:O,option:e,getHexForOptionColor:g,selectedVariant:N,findProductVariantWithOption:e=>F(e,O,N),setSelectedVariantId:S,sizeGuide:h,sizeGuideCodeBasedFlag:l,defaultSizeGuideOptionName:u,compact:C},`${O.handle}-${null!==(t=e.optionName)&&void 0!==t?t:e.name}`)}))})}}}]);