"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[24],{32(e,a,o){o.d(a,{a:()=>s});var n=o(0),i=o(1),t=o(40),l=o(55),r=o(16);function s({isOpen:e,onClose:a,label:o,position:s="right",width:d,showCloseButton:c=!0,keepMounted:u=!1,children:h}){const v=(0,i.j)(null),[p,w]=(0,i.k)(!1),[C,b]=(0,i.k)(!1),{dialogProps:f}=(0,l.a)({isOpen:e||p,label:o});(0,i.c)((()=>{e?requestAnimationFrame((()=>{b(!0)})):p||b(!1)}),[e,p]);const m=()=>{w(!0),b(!1)},k=e||p,x=k?`${r.a.overlay} ${C?r.a.overlayVisible:""}`:r.a.overlayHidden,g=[r.a.drawer,"left"===s?r.a.drawerLeft:r.a.drawerRight,C?r.a.drawerOpen:""].filter(Boolean).join(" "),j=d?{width:d}:void 0;return(0,n.jsx)(t.a,{isOpen:k,keepMounted:u,onEscape:m,children:(0,n.b)("div",{className:x,"aria-hidden":!k,children:[(0,n.jsx)("div",{className:r.a.backdrop,onClick:m,role:"presentation"}),(0,n.b)("aside",Object.assign({ref:v,"data-animate":!0,className:g,style:j,onTransitionEnd:e=>{p&&e.target===v.current&&(w(!1),a())}},f,{children:[c&&(0,n.jsx)("header",{className:r.a.drawerHeader,children:(0,n.jsx)("button",{className:r.a.closeButton,onClick:m,"aria-label":"Close",children:"×"})}),(0,n.jsx)("div",{className:r.a.drawerContent,children:h})]}))]})})}},61(e,a,o){o.d(a,{a:()=>n.a});var n=o(32)},54(e,a,o){const n=(0,o(3).createContext)(void 0);o.d(a,["a",0,n])},53(e,a,o){o.d(a,{a:()=>l});var n=o(1),i=o(5),t=o(33);function l({value:e,option:a,isColorOption:o,hasSwatch:l,swatchImage:r,getHexForOptionColor:s,imageWidth:d=250}){const c=s(e,a),u=(0,i.b)(null!=r?r:"",80,d),h=(0,n.h)((()=>(0,t.c)(u)),[u]);return o?c:l?{hexColor:void 0,swatchStyle:h}:{hexColor:void 0,swatchStyle:void 0}}},28(e,a,o){function n(e){return e?{"data-is-on-sale":!0}:{}}o.d(a,{a:()=>n})},19(e,a,o){function n(e,a){var o,n,i;const t=null===(o=null==a?void 0:a.selectedOptions)||void 0===o?void 0:o.Color;if(!t)return;const l=null===(n=null==e?void 0:e.options)||void 0===n?void 0:n.find((e=>"Color"===e.name));return null===(i=null==l?void 0:l.swatches)||void 0===i?void 0:i[t]}o.d(a,{a:()=>n})}}]);