@hhgtech/hhg-components 1.28.53 → 1.28.55

package/build/{index-2d178782.js → index-13b06ce7.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),i=require("./utils-41c0f011.js"),t=require("styled-components"),o=require("./theme-38307b0e.js"),l=require("./tslib.es6-b2bdb663.js"),n=require("./utils-87177d9a.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e),d=a(t);const s=d.default.div`
+"use strict";var e=require("react"),i=require("./utils-ac610998.js"),t=require("styled-components"),o=require("./theme-645eae3b.js"),l=require("./tslib.es6-f3854ac2.js"),n=require("./utils-9389c98f.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e),d=a(t);const s=d.default.div`
   position: fixed;
   left: 50%;
 

package/build/index-32c9ce71.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-f3854ac2.js"),t=require("react"),s=require("@mantine/core"),l=require("./index-ed991afc.js"),a=require("./index-34b22040.js"),n=require("./Plus-54948d91.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);exports.Modal=t=>{var{title:r,styles:i}=t,u=e.__rest(t,["title","styles"]);const{classes:c}=a.useStyles(void 0,{name:"Modal",styles:i});return o.default.createElement(o.default.Fragment,null,o.default.createElement(s.Modal,Object.assign({centered:!0,classNames:c},u,{withCloseButton:!1,title:u.withCloseButton&&o.default.createElement(o.default.Fragment,null,o.default.createElement(n.Text,{size:"s2",weight:"semiBold",as:"span"},r),o.default.createElement(s.CloseButton,Object.assign({},u.closeButtonProps,{onClick:()=>{var e;return null===(e=u.onClose)||void 0===e?void 0:e.call(u)},sx:{":focus":{outline:0}}}),o.default.createElement("img",{loading:"lazy",className:"mantine-Modal-close",src:l.CommonGAssets.getAssetPath("CloseModal.svg"),style:{width:"16px"}})))})))};

package/build/index-3453364d.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-f3854ac2.js"),t=require("react"),n=require("@mantine/hooks"),a=require("./index-34b22040.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t);exports.Slider=l=>{var{color:o,withControl:i,onChange:s,value:u,min:c,max:d,isStatic:m,containerClassName:h,containerStyle:f}=l,E=e.__rest(l,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[v,g]=t.useState(u||c||0),[k]=n.useDebouncedValue(v,a.DEBOUNCED_TIME);return t.useEffect((()=>{null==s||s(k)}),[k]),t.useEffect((()=>{g(u)}),[u]),r.default.createElement(a.StyledSliderWrapper,{className:h,style:f},i&&r.default.createElement(a.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{g((e=>c&&e===c?e:e-1))}},r.default.createElement("svg",{width:"10",height:"10",fill:"none",viewBox:"0 0 12 3"},r.default.createElement("path",{d:"M1 1.004h8",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r.default.createElement(a.StyledSlider,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:o,value:v,onChange:m?()=>null:g,min:c,max:d},E,{className:"hhg-mantine-slider "+(E.className||"")})),i&&r.default.createElement(a.Button,{type:"button",size:"sm",variant:"ghost",onClick:()=>{g((e=>d&&e===d?e:e+1))}},r.default.createElement("svg",{width:"16",height:"20",fill:"none",viewBox:"0 0 16 16"},r.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};

package/build/index-34b22040.js

@@ -0,0 +1,113 @@
+"use strict";var e=require("./tslib.es6-f3854ac2.js"),t=require("react"),r=require("@mantine/core"),n=require("@mantine/hooks"),a=require("./theme-645eae3b.js"),o=require("./index-ed991afc.js"),l=require("dayjs"),i=require("./Subot-75abd57a.js"),s=require("./utils-ac610998.js"),c=require("styled-components"),d=require("@mantine/carousel"),u=require("./Plus-54948d91.js"),p=require("./index-a0ff0c7c.js"),f=require("classnames");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var m=g(t),b=h(t),v=g(l),C=g(c),x=g(f);const E=r=>{var{alt:n,backupSrc:a,src:o,placeholderSrc:l,style:i,ref:s}=r,c=e.__rest(r,["alt","backupSrc","src","placeholderSrc","style","ref"]);const[d,u]=t.useState(!1);return m.default.createElement(y,Object.assign({loading:"lazy",alt:n,onError:()=>!d&&u(!0),src:d?a||o:o||a,style:Object.assign(Object.assign({},l?{backgroundImage:`url(${l})`}:{}),i),"data-has-placeholder":!!l,ref:s},c))},y=C.default.img`
+  &[data-has-placeholder='true'] {
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+`,S="100ms";var O=r.createStyles(((e,t)=>{var r,n,a,o,l,i;const{other:s}=e,{template:c}=s,{size:d,variant:u,skipHover:p,isError:f,isSuccess:g,color:h,children:m,theme:b}=t,v="mb"===c||"marryBaby"===b,C=h||(b&&v?"mb":e.primaryColor),x=C.startsWith("#"),E=x?e.fn.lighten(h,.9):(null===(n=null===(r=e.colors)||void 0===r?void 0:r[C])||void 0===n?void 0:n[0])||"",y=x?C:null===(o=null===(a=e.colors)||void 0===a?void 0:a[C])||void 0===o?void 0:o[e.fn.primaryShade()],O=x?e.fn.darken(h,.05):null===(i=null===(l=e.colors)||void 0===l?void 0:l[C])||void 0===i?void 0:i[e.fn.primaryShade()+1];return{root:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({transition:`all ${S} ease-in-out`,"&[data-event-category] > *":{pointerEvents:"none"},"&:focus":{outline:"none"}},!m&&{paddingLeft:"10px",paddingRight:"10px",".mantine-Button-icon":{margin:0}}),(()=>{switch(d){case"xl":return{height:56,fontWeight:600,fontSize:v?"14px":"16px",lineHeight:"24px"};case"lg":return{height:48,fontWeight:600,fontSize:v?"14px":"16px",lineHeight:"24px"};case"md":return{height:40,fontWeight:600,fontSize:"14px",lineHeight:"22px"};case"sm":return{height:32,fontWeight:600,fontSize:v?"12px":"14px",lineHeight:"22px",paddingLeft:"16px",paddingRight:"16px"};case"xs":return{height:24,fontWeight:600,fontSize:"12px",lineHeight:"18px",paddingLeft:"8px",paddingRight:"8px"}}})()),(()=>{switch(u){case"primary":return Object.assign({color:e.white,backgroundColor:y},!p&&{"&:hover":{backgroundColor:O}});case"secondary":return Object.assign({color:y,backgroundColor:"transparent",border:`1px solid ${y}`},!p&&{"&:hover":{backgroundColor:E,border:`1px solid ${y}`}});case"white":return{color:y,backgroundColor:"transparent",borderColor:"transparent","&:hover":{backgroundColor:"transparent",border:"transparent"}};case"tertiary":return{color:e.colors.gray[8],backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`,"&:hover":Object.assign({},p?{backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`}:{backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[0]}`})};case"light":return{color:y,backgroundColor:E,border:"1px solid transparent","&:hover":Object.assign({},p?{backgroundColor:E,border:"1px solid transparent"}:{backgroundColor:e.white,border:`1px solid ${E}`})};case"ghost":return Object.assign({color:y,backgroundColor:"transparent",border:"1px solid transparent"},!p&&{"&:hover":{backgroundColor:E,border:"1px solid transparent"}})}})()),{"&[data-disabled]":{backgroundColor:e.colors.gray[1],color:e.colors.gray[4]}}),f?Object.assign({color:e.colors.red[6],backgroundColor:e.white,border:`1px solid ${e.colors.red[6]}`},!p&&{"&:hover":{backgroundColor:e.colors.red[0],border:`1px solid ${e.colors.red[6]}`}}):{}),g?Object.assign({color:e.colors.green[8],backgroundColor:e.colors.green[0]},!p&&{"&:hover":{backgroundColor:e.colors.green[0]}}):{})}}));const k={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline",white:"white",success:"subtle"};const L=t=>{var n,a;const o=r.useMantineTheme(),l=Object.assign(Object.assign({},null===(a=null===(n=o.components)||void 0===n?void 0:n.Button)||void 0===a?void 0:a.defaultProps),function(e){const t={};return Object.keys(e).filter((t=>void 0!==e[t])).forEach((r=>t[r]=e[r])),t}(t)),{variant:i,size:s,color:c,skipHover:d,className:u,dataEventCategory:p,dataEventAction:f,dataEventLabel:g,children:h,theme:b}=l,v=e.__rest(l,["variant","size","color","skipHover","className","dataEventCategory","dataEventAction","dataEventLabel","children","theme"]),C="error"===i,{classes:x,cx:E}=O({variant:i,size:s,color:c,skipHover:d,isError:C,isSuccess:"success"===i,children:h,theme:b});return m.default.createElement(r.Button,Object.assign({className:E(u,i),classNames:{root:x.root},variant:k[i],"data-variant":i,"data-event-category":p,"data-event-action":f,"data-event-label":g},v),h)},j=t=>{var{size:r=24,color:n=a.theme.colors.gray600}=t,o=e.__rest(t,["size","color"]);return m.default.createElement("svg",Object.assign({width:r,height:r,viewBox:"0 0 20 20",fill:"none"},o),m.default.createElement("path",{d:"M9.9998 10.8567 6.943 7.7999C6.6118 7.4687 6.0742 7.4687 5.743 7.7999 5.4118 8.1311 5.4118 8.6687 5.743 8.9999L9.4342 12.6911C9.747 13.0039 10.2534 13.0039 10.5654 12.6911L14.2566 8.9999C14.5878 8.6687 14.5878 8.1311 14.2566 7.7999 13.9254 7.4687 13.3878 7.4687 13.0566 7.7999L9.9998 10.8567Z",fill:n}))},w=t.forwardRef(((t,r)=>{var{keepSearch:n=!1}=t,a=e.__rest(t,["keepSearch"]);return n?m.default.createElement(A,Object.assign({},a,{ref:r})):m.default.createElement(B,Object.assign({},a,{ref:r}))})),A=t.forwardRef(((t,a)=>{var{value:l,defaultValue:i,onChange:s,clearable:c}=t,d=e.__rest(t,["value","defaultValue","onChange","clearable"]);const[u,p]=n.useUncontrolled({value:l,defaultValue:i,onChange:s});return m.default.createElement(r.Autocomplete,Object.assign({ref:a,rightSection:m.default.createElement(r.Image,{src:o.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300,onChange:e=>p(e),value:u},d,c&&(null==u?void 0:u.length)>0?{rightSection:m.default.createElement(r.ActionIcon,{onClick:()=>{p("")},sx:{cursor:"pointer"}},m.default.createElement(I,null))}:{}))})),B=t.forwardRef(((t,a)=>{var{searchValue:o,onSearchChange:l}=t,i=e.__rest(t,["searchValue","onSearchChange"]);const[s,c]=n.useUncontrolled({defaultValue:"",value:o,onChange:l});return m.default.createElement(r.Select,Object.assign({ref:a,rightSection:m.default.createElement(j,{size:18}),rightSectionProps:{style:{pointerEvents:"none"}},size:"md",maxDropdownHeight:300,onSearchChange:e=>c(e),searchValue:s},i,i.clearable&&(null==s?void 0:s.length)>0?{rightSection:m.default.createElement(r.ActionIcon,{onClick:()=>{c("")},sx:{cursor:"pointer"}},m.default.createElement(I,null))}:{}))})),I=()=>m.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},m.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.6665 9.99996C1.6665 5.39163 5.3915 1.66663 9.99984 1.66663C14.6082 1.66663 18.3332 5.39163 18.3332 9.99996C18.3332 14.6083 14.6082 18.3333 9.99984 18.3333C5.3915 18.3333 1.6665 14.6083 1.6665 9.99996ZM12.4083 13.5831C12.7333 13.9081 13.2583 13.9081 13.5833 13.5831C13.9 13.2581 13.9 12.7247 13.5833 12.4081L11.175 9.99973L13.5833 7.5914C13.9083 7.2664 13.9083 6.7414 13.5833 6.4164C13.2583 6.0914 12.7333 6.0914 12.4083 6.4164L10 8.82473L7.59167 6.4164C7.26667 6.0914 6.74167 6.0914 6.41667 6.4164C6.26063 6.57209 6.17293 6.78347 6.17293 7.0039C6.17293 7.22433 6.26063 7.43571 6.41667 7.5914L8.825 9.99973L6.41667 12.4081C6.26063 12.5638 6.17293 12.7751 6.17293 12.9956C6.17293 13.216 6.26063 13.4274 6.41667 13.5831C6.74167 13.9081 7.26667 13.9081 7.59167 13.5831L10 11.1747L12.4083 13.5831Z",fill:"#8C8C8C"})),_={[i.LOCALE.Vietnam]:"vi",[i.LOCALE.Cambodia]:"km",[i.LOCALE.India]:"hi",[i.LOCALE.Indonesia]:"id",[i.LOCALE.Malaysia]:"ms",[i.LOCALE.Thailand]:"th",[i.LOCALE.Taiwan]:"zh-tw",[i.LOCALE.PhilippinesTagalog]:"tl-ph",[i.LOCALE.PhilippinesEnglish]:"en",[i.LOCALE.Myanmar]:"my"},P={[i.LOCALE.Vietnam]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/vi.js"))})),[i.LOCALE.Cambodia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/km.js"))})),[i.LOCALE.India]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/hi.js"))})),[i.LOCALE.Indonesia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/id.js"))})),[i.LOCALE.Malaysia]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/ms.js"))})),[i.LOCALE.Thailand]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/th.js"))})),[i.LOCALE.Taiwan]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/zh-tw.js"))})),[i.LOCALE.PhilippinesTagalog]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/tl-ph.js"))})),[i.LOCALE.PhilippinesEnglish]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/en.js"))})),[i.LOCALE.Myanmar]:()=>Promise.resolve().then((function(){return h(require("dayjs/locale/my.js"))}))},z=()=>"undefined"!=typeof window&&window.innerWidth<s.Breakpoints.BREAK_POINT_MOBILE,T=()=>"undefined"!=typeof window&&window.innerWidth>=s.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<s.Breakpoints.BREAK_POINT_PC,R=()=>{const[e,r]=t.useState(z()),[n,a]=t.useState(T());return t.useEffect((()=>{const e=()=>{r(z()),a(T())};return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]),{isMobile:e,isLargeMobile:n}};class D extends t.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error("Uncaught error:",e,t)}render(){return this.state.hasError?this.props.fallback||m.default.createElement(m.default.Fragment,null):this.props.children}}const N=t=>{var{slidesToShow:r=1,children:n}=t,a=e.__rest(t,["slidesToShow","children"]);return(Array.isArray(n)?n.length:1)?m.default.createElement(D,null,m.default.createElement(d.Carousel,Object.assign({slideSize:String(Math.floor(1/r*1e4)/100)+"%",containScroll:"trimSnaps"},a),n)):null};N.Slide=d.Carousel.Slide;const H=C.default(N)`
+  cursor: grab;
+  width: 100%;
+  .mantine-Carousel-control {
+    background: rgb(255, 255, 255);
+    opacity: 1;
+    border: none;
+    border-radius: 0;
+    box-shadow: none;
+    &[data-inactive] {
+      opacity: 0;
+      cursor: default;
+    }
+    &:first-child {
+      padding-right: 24px;
+      background: linear-gradient(
+        90deg,
+        rgba(255, 255, 255, 1) 0%,
+        rgba(255, 255, 255, 1) 50%,
+        rgba(255, 255, 255, 0) 100%
+      );
+    }
+    &:last-child {
+      padding-left: 24px;
+      background: linear-gradient(
+        270deg,
+        rgba(255, 255, 255, 1) 0%,
+        rgba(255, 255, 255, 1) 50%,
+        rgba(255, 255, 255, 0) 100%
+      );
+    }
+  }
+
+  .mantine-Carousel-container {
+    align-items: center;
+  }
+`;var F=r.createStyles(((e,t)=>({root:{color:t.color||("hb"===e.primaryColor?e.colors.hb[6]:e.fn.primaryColor()),"&[data-event-category] > *":{pointerEvents:"none"}}})));const M=t=>{var{color:r,styles:n,className:a}=t,o=e.__rest(t,["color","styles","className"]);const{classes:l,cx:i}=F({color:r},{name:"Anchor",styles:n});return m.default.createElement(u.Text,Object.assign({as:"a",className:i(l.root,a)},o))},$=t=>{var{children:r}=t,n=e.__rest(t,["children"]);return m.default.createElement(M,Object.assign({size:"p4",color:"gray.8"},n),r)},V=e=>m.default.createElement(r.AspectRatio,Object.assign({sx:{borderRadius:4,overflow:"hidden","> img":{objectFit:"contain"}}},e)),W={Button:{defaultProps:{variant:"primary",size:"md"}}},q=[{size:"40px",lineHeight:"52px",letterSpacing:"-1.2px"},{size:"32px",lineHeight:"42px",letterSpacing:"-1px"},{size:"26px",lineHeight:"36px",letterSpacing:"-0.8px"},{size:"22px",lineHeight:"32px",letterSpacing:"-0.6px"},{size:"18px",lineHeight:"28px",letterSpacing:"-0.2px"},{size:"16px",lineHeight:"24px",letterSpacing:0}],G=[{size:"26px",lineHeight:"34px",letterSpacing:"-0.9px"},{size:"24px",lineHeight:"32px",letterSpacing:"-0.8px"},{size:"20px",lineHeight:"26px",letterSpacing:"-0.7px"},{size:"18px",lineHeight:"26px",letterSpacing:"-0.6px"},{size:"16px",lineHeight:"24px",letterSpacing:"-0.2px"},{size:"14px",lineHeight:"22px",letterSpacing:"-0.2px"}],Z=(e=!1)=>Object.fromEntries((e?G:q).map(((e,t)=>[`h${t+1}`,{fontSize:e.size,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing}]))),U={Title:{styles:{root:Object.assign(Object.assign({fontWeight:u.OTHER_THEME_CONFIG.fontWeight.bold},Z()),{[`&${s.MediaQueries.mbDown}`]:Object.assign({},Z(!0))})}}},K=e=>{var t;return{InputWrapper:{styles:{label:{display:"inline-flex",gap:4,marginBottom:"0.25rem",fontWeight:600,fontSize:"14px",lineHeight:"22px",color:a.theme.colors.gray600},description:{fontWeight:400,fontSize:"12px",lineHeight:"18px",color:a.theme.colors.gray600,marginBottom:"0.25rem"},error:{marginTop:"0.25rem"}}},NumberInput:{defaultProps:{decimalSeparator:null===(t=p.ISO_FORMAT[e])||void 0===t?void 0:t.separator}},Input:{styles:(e,t,{size:r})=>({input:{border:`1px solid ${a.theme.colors.gray200}`,transition:`all ${S} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign({},(()=>{switch(r){case"lg":return{height:48,fontSize:16,minHeight:"unset",lineHeight:"24px"};case"md":return{height:40,fontSize:14,lineHeight:"22px",minHeight:"unset"};case"sm":return{height:32,fontSize:14,lineHeight:"22px",minHeight:"unset"}}})()),"&:hover":{border:`1px solid ${e.primaryColor}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`}},'&[data-invalid="true"]':{border:`1px solid ${a.theme.colors.red600}`,color:"#000"}})}}},Y={Radio:{defaultProps:{size:"sm",color:"blue.6"},styles:{radio:{backgroundColor:"transparent","&:checked":{backgroundColor:"transparent"}}}}},Q={hb:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],mb:["#FFE9F1","#F8CCDC","#F5B4CB","#F29CBA","#EE84AA","#EB6B99","#E85388","#D34C7C","#BE446F","#A93D63"],blue:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],gray:["#fafafa","#f2f2f2","#d9d9d9","#bfbfbf","#8c8c8c","#737373","#595959","#404040","#262626","#1a1a1a"],delftGray:["#F3F3F3","#EAEAEC","#D9DAE2","#B9BAC8","#9898A9","#7C7C8F","#5A5A72","#3E3F58","#202135","#0C0C12"],neutral:["#f7f9fc","#e4e8ec","#d2d6dc","#bfc5cc","#adb3bc","#9aa2ac","#87909c","#757f8c","#626d7c","#545E6C"],green:["#e0f8ee","#b3eed5","#7ce2b9","#2ed69e","#00CB8A","#00C076","#00B16A","#009E5C","#008C50","#006C39"],pink:["#fff1f6","#fec7dc","#fec7dc","#fec2cf","#fe9dc2","#fd87b4","#fd72a7","#fc5d9a","#fc488d","#E92D74"],violet:["#F5EDFF","#E7D2F7","#D8B7F0","#CA9CE8","#BB82E1","#AD67D9","#9E4CD1","#9031CA","#8116C2","#63059D"],yellow:["#fff8e2","#ffecb6","#ffe187","#ffd658","#ffcb37","#ffc326","#ffb521","#fea21e","#fe921d","#fc7419"],teal:["#e0f7fc","#b1ebf8","#7ddff3","#44d1ec","#00c7e6","#00bee0","#00aecd","#0099b2","#008599","#00626c"],indigol:["#CEDDF0","#ACC5E6","#95B3DA","#85A6CF","#6D91BE","#5F85B5","#4C77AC","#35639C","#284A75","#1B3250"],red:["#fae9e8","#feccbf","#FEAA96","#f44d2c","#ff6f4d","#ff5331","#f44d2c","#e64728","#d84023","#bf331b"],redViolet:["#F3EAEB","#E8D5D7","#DDC1C4","#D1ACB0","#C5979C","#BA8288","#AF6D74","#A35961","#97444D","#8C2F39"]},J=n=>{var a,{children:o,showHomeIcon:l=!0,homeIconHref:i="/"}=n,s=e.__rest(n,["children","showHomeIcon","homeIconHref"]);const c=r.useMantineTheme(),d="mb"===(null===(a=null==c?void 0:c.other)||void 0===a?void 0:a.template),[u,p]=t.useState(null),{isMobile:f}=R(),[,g]=t.useState(!0),h=t.useCallback((()=>{g(!1)}),[]),b=t.useCallback((()=>{setTimeout((()=>{g(!0)}),1e3)}),[]);return t.useEffect((()=>(u&&(u.on("scroll",h),u.on("pointerUp",b)),()=>{u&&(u.off("scroll",h),u.on("pointerUp",b))})),[u,h,b]),m.default.createElement(H,Object.assign({align:"center",slideGap:"xs",dragFree:!0,draggable:f,slideSize:"0",getEmblaApi:p,controlsOffset:-52,previousControlIcon:m.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},m.default.createElement("path",{d:"M6.86589 3.56104C7.03647 3.56104 7.20724 3.62732 7.33724 3.75765L7.39453 3.81494C7.6552 4.07561 7.6552 4.49765 7.39453 4.75765L4.81901 7.33317L13.5326 7.33317C13.9006 7.33317 14.1992 7.63184 14.1992 7.99984C14.1992 8.36784 13.9006 8.6665 13.5326 8.6665L4.81901 8.66651L7.39453 11.242C7.6552 11.5027 7.6552 11.9247 7.39453 12.1847L7.33724 12.242C7.07657 12.5027 6.65453 12.5027 6.39453 12.242L2.6237 8.47119C2.36303 8.21053 2.36303 7.78849 2.6237 7.52849L6.39453 3.75765C6.52487 3.62732 6.6953 3.56104 6.86589 3.56104Z",fill:"#595959"})),nextControlIcon:m.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},m.default.createElement("path",{d:"M9.13411 12.439C8.96353 12.439 8.79276 12.3727 8.66276 12.2423L8.60547 12.1851C8.3448 11.9244 8.3448 11.5023 8.60547 11.2423L11.181 8.66683L2.46745 8.66683C2.09945 8.66683 1.80078 8.36816 1.80078 8.00016C1.80078 7.63216 2.09945 7.3335 2.46745 7.3335L11.181 7.3335L8.60547 4.75797C8.3448 4.49731 8.3448 4.07527 8.60547 3.81527L8.66276 3.75797C8.92343 3.49731 9.34547 3.49731 9.60547 3.75797L13.3763 7.52881C13.637 7.78947 13.637 8.21152 13.3763 8.47152L9.60547 12.2423C9.47513 12.3727 9.3047 12.439 9.13411 12.439Z",fill:"#595959"}))},s),l&&m.default.createElement(N.Slide,{style:{borderRight:`1px solid ${Q.neutral[1]}`}},m.default.createElement($,{href:i,target:"_blank",className:"pointer-event-child-none"},m.default.createElement(r.Box,{sx:Object.assign({},!d&&{borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}),bg:!d&&Q.neutral[0],p:d?0:6},m.default.createElement(V,{ratio:1,w:18},d?m.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},m.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1183 3.67722C12.8727 2.70772 11.1281 2.708 9.88187 3.67718L14.1183 3.67722ZM14.1183 3.67722L19.718 8.03283C20.5589 8.68632 21.05 9.69173 21.05 10.7562V17.6002C21.05 19.5057 19.5055 21.0502 17.6 21.0502H6.40016C4.49466 21.0502 2.9502 19.5057 2.9502 17.6002V10.7562C2.9502 9.69163 3.44113 8.68632 4.28216 8.03283L9.88187 3.67718M10.6799 4.70339L5.08006 9.05916C4.55657 9.46592 4.2502 10.0923 4.2502 10.7562V17.6002C4.2502 18.7878 5.21263 19.7502 6.40016 19.7502H17.6C18.7875 19.7502 19.75 18.7878 19.75 17.6002V10.7562C19.75 10.0923 19.4438 9.46612 18.9204 9.05936L13.3202 4.70335C12.5443 4.09941 11.4571 4.09905 10.6799 4.70339Z",fill:"#3E3F58"}),m.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2373 13.1626C12.5546 12.4794 11.4466 12.4791 10.7629 13.1628C10.0793 13.8464 10.0793 14.9538 10.7629 15.6374C11.4465 16.321 12.5539 16.321 13.2375 15.6374C13.9211 14.9538 13.9211 13.8464 13.2375 13.1628L13.2373 13.1626ZM14.1567 12.2436C12.9661 11.0521 11.0348 11.0525 9.84366 12.2436C8.65237 13.4348 8.65237 15.3653 9.84366 16.5566C11.0349 17.7479 12.9654 17.7479 14.1567 16.5566C15.348 15.3653 15.348 13.4348 14.1567 12.2436Z",fill:"#3E3F58"})):m.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},m.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.58691 5.59863L8.58691 1.62305C8.83594 1.45898 9.16406 1.45898 9.41309 1.62305L15.4131 5.59863C15.624 5.73926 15.75 5.97363 15.75 6.22559V14.25C15.75 15.0791 15.0791 15.75 14.25 15.75H3.75C2.9209 15.75 2.25 15.0791 2.25 14.25V6.22559C2.25 5.97363 2.37598 5.73926 2.58691 5.59863ZM5.5017 11.7602C5.1717 11.5108 5.17316 11.0321 5.46521 10.7391C5.75775 10.4456 6.24936 10.4292 6.5986 10.6522C7.17818 11.0223 8.12516 11.4889 9.21628 11.4889C10.3074 11.4889 11.2543 11.0223 11.8339 10.6522C12.1832 10.4292 12.6748 10.4456 12.9673 10.7391C13.2594 11.0321 13.2608 11.5108 12.9308 11.7602C11.8743 12.5589 10.535 12.9889 9.21628 12.9889C7.89758 12.9889 6.55824 12.5589 5.5017 11.7602Z",fill:"#595959"})))))),m.default.createElement(N.Slide,null),m.default.createElement(N.Slide,null,m.default.createElement(r.Breadcrumbs,{styles:{separator:{marginInline:4}},separator:m.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},m.default.createElement("path",{d:"M8.71527 7.99969L6.16794 5.45236C5.89194 5.17636 5.89194 4.72836 6.16794 4.45236C6.44394 4.17636 6.89194 4.17636 7.16794 4.45236L10.2439 7.52836C10.5046 7.78903 10.5046 8.21103 10.2439 8.47103L7.16794 11.547C6.89194 11.823 6.44394 11.823 6.16794 11.547C5.89194 11.271 5.89194 10.823 6.16794 10.547L8.71527 7.99969Z",fill:"#8C8C8C"}))},o)))};J.Item=$;const X=C.default(r.Textarea)`
+  .mantine-Textarea-input {
+    padding: 12px 16px;
+    background: #ffffff;
+    border: 1px solid ${a.theme.colors.gray200};
+    border-radius: 4px;
+  }
+`;var ee=r.createStyles((e=>({root:{},inner:{},content:{padding:0},header:{borderBottom:`1px solid ${e.colors.neutral[1]}`,marginRight:0,marginBottom:0,padding:"1rem"},overlay:{},title:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",marginRight:0},body:{},close:{cursor:"pointer",width:"24px",height:"24px"}})));const te=C.default(r.Accordion)`
+  .mantine-Accordion-label {
+    padding: 0;
+  }
+  .mantine-Accordion-control {
+    &:hover {
+      background-color: transparent;
+    }
+  }
+  .mantine-Accordion-item {
+    .mantine-Accordion-chevron {
+      > div {
+        background-repeat: no-repeat;
+        width: 16px;
+        height: 16px;
+        background-position: center;
+        background-image: url(${e=>e.closeChevron||o.CommonGAssets.getAssetPath("plus-icon.svg")});
+      }
+    }
+    &[data-active='true'] {
+      .mantine-Accordion-chevron {
+        > div {
+          background-image: url(${e=>e.openChevron||o.CommonGAssets.getAssetPath("minus-icon.svg")});
+        }
+      }
+    }
+  }
+  .mantine-Accordion-panel {
+    border-radius: ${a.theme.borderRadius};
+  }
+  .mantine-Accordion-content {
+    white-space: pre-wrap;
+  }
+`,re=t=>{var{children:r}=t,n=e.__rest(t,["children"]);return m.default.createElement(te,Object.assign({chevron:m.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},n),r)};re.Control=r.Accordion.Control,re.Item=r.Accordion.Item,re.Panel=r.Accordion.Panel;const ne=o.CommonGAssets.getAssetPath("avatar.jpg"),ae=r.createEmotionCache({key:"mantine",prepend:!1}),oe=a=>{var{value:o,onChange:l}=a,i=e.__rest(a,["value","onChange"]);const[s,c]=t.useState(o),[d]=n.useDebouncedValue(s,300);return t.useEffect((()=>{null==l||l(d)}),[d]),t.useEffect((()=>{c(o)}),[o]),m.default.createElement(r.NumberInput,Object.assign({size:"md",stepHoldDelay:500,stepHoldInterval:e=>Math.max(1e3/Math.pow(e,2),25),onChange:c,hideControls:!0,min:0,formatter:e=>0===Number(e)?e:e||"",removeTrailingZeros:!0,value:s},i))},le=o.CommonGAssets.getAssetPath("EyeVisible.svg"),ie=o.CommonGAssets.getAssetPath("EyeHidden.svg"),se=t.forwardRef(((t,n)=>{const{size:a="md",visibilityToggleIcon:o}=t,l=e.__rest(t,["size","visibilityToggleIcon"]),i=o||(({reveal:e,size:t})=>e?m.default.createElement("img",{src:le,width:t,loading:"lazy"}):m.default.createElement("img",{src:ie,width:t,loading:"lazy"}));return m.default.createElement(r.PasswordInput,Object.assign({ref:n,size:a,visibilityToggleIcon:i},l,{className:`input-control ${(null==l?void 0:l.className)||""}`}))})),ce=t.forwardRef(((a,o)=>{var{value:l,onChange:i,onChangeRaw:s,maxLength:c}=a,d=e.__rest(a,["value","onChange","onChangeRaw","maxLength"]);const[u,p]=t.useState(l||""),[f]=n.useDebouncedValue(u,300);return t.useEffect((()=>{null==i||i(f)}),[f]),t.useEffect((()=>{p(l)}),[l]),m.default.createElement(r.TextInput,Object.assign({ref:o,size:"md",onChange:e=>{"number"==typeof c&&e.currentTarget.value.length>c||(null==s||s(e),p(e.currentTarget.value))},value:u},d,{maxLength:c,className:`input-control ${(null==d?void 0:d.className)||""}`}))}));ce.File=e=>m.default.createElement(r.FileInput,Object.assign({size:"md"},e)),ce.Password=se,ce.Number=oe,ce.Wrapper=r.Input.Wrapper;const de=d.Carousel.Slide,ue=t.createContext({}),pe=(e,t)=>e>=t?e-t:e,fe=a=>{var{children:o,blurFromCenter:l,blurFromIndex:i,blurLength:s=3,maxBlurOpacity:c=.5,onSlideChange:u,selectSlideWhenClick:p}=a,f=e.__rest(a,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const{width:g}=n.useViewportSize(),[h]=n.useResizeObserver(),b=t.useRef(null),[v,C]=t.useState(0),x=()=>{var e,t,r,n,a;const o=(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(t=null==b?void 0:b.current)||void 0===t?void 0:t.slideNodes().length)<=(null===(r=null==b?void 0:b.current)||void 0===r?void 0:r.slidesInView().length))return o.map((e=>{e.classList.remove("center-slide"),e.style.opacity="1"})),!1;const d=null===(n=null==b?void 0:b.current)||void 0===n?void 0:n.selectedScrollSnap();C(d);const u=o.length,p=(null===(a=null==b?void 0:b.current)||void 0===a?void 0:a.slidesInView()).length,f=Math.floor(p/2),g=l?i+s-1:f,h=d+g,m=h===u?0:h>u?h-u:h,v=d-g,x=v<0?u+v:v>0?d-g:0,E=[...new Set(Array(2*g+1).fill("").map(((e,t)=>pe(x+t,u))))];o.map(((e,t)=>{if(t===d?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==E.indexOf(t)){const a=c/s;for(let o=0;o<s;o++){if(t===pe(x+o,u)||t===(n=u,(r=m-o)<0?n+r:r)){e.style.opacity=String((o+1)*a);break}e.style.opacity="1"}}else e.style.opacity="0";var r,n}))},E={getEmblaApi:e=>{b.current=e},onSlideChange:e=>{x(),null==u||u(e)}};t.useEffect((()=>{(null==b?void 0:b.current)&&x()}),[g]);const y=r.createStyles((()=>{var e,t;return{control:Object.assign({},(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(t=null==b?void 0:b.current)||void 0===t?void 0:t.slidesInView().length)&&{display:"none"})}})),{classes:S}=y();return m.default.createElement(ue.Provider,{value:{slider:null==b?void 0:b.current,centerSlide:v,selectSlideWhenClick:p}},m.default.createElement(d.Carousel,Object.assign({classNames:{control:S.control},ref:h,slideSize:"auto",containScroll:"trimSnaps"},E,f,{loop:!0}),"function"==typeof o?o(v):o))};fe.Slide=r=>{var{children:n,onClick:a,innerSlideProps:o}=r,l=e.__rest(r,["children","onClick","innerSlideProps"]);const{slider:i,selectSlideWhenClick:s}=t.useContext(ue),c=t.useRef(),d=t.useRef(""),[u,p]=t.useState(0);t.useEffect((()=>{d.current=String(Math.round(1e4*Math.random()))}),[]),t.useEffect((()=>{const e=(null==i?void 0:i.slideNodes())||[];p(e.findIndex((e=>e.dataset.key===d.current)))}),[i]);const f={ref:c,"data-key":d.current,"data-index":u};return m.default.createElement(de,Object.assign({},f,l),m.default.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{s&&(null==i||i.scrollTo(u)),null==a||a(u)}},o),n))};const ge=n=>{var{styles:a,color:o="blue"}=n,l=e.__rest(n,["styles","color"]);const i=r.useMantineTheme(),s=t.useMemo((()=>{var e,t;return((null==o?void 0:o.includes("."))?null===(e=i.colors[o.split(".")[0]])||void 0===e?void 0:e[o.split(".")[1]]:null===(t=i.colors[o])||void 0===t?void 0:t[i.primaryShade||6])||i.colors.blue[6]}),[o]);return m.default.createElement(r.Checkbox,Object.assign({styles:Object.assign({input:{"&:hover":{border:`1px solid ${s}`}}},a),color:o},l))};ge.Group=r.Checkbox.Group;const he=C.default(r.Slider)`
+  ${e=>{const t=e.color||a.theme.colors.primaryBase;return`\n      .mantine-Slider-bar {\n        background-color: ${t};\n      }\n      .mantine-Slider-thumb {\n        border-color: ${t};\n        color: ${t};\n      }\n    `}}
+  [data-theme='marryBaby'] & {
+    ${e=>{const t=e.color||a.theme.mbColors.pink;return`\n        .mantine-Slider-bar {\n          background-color: ${t};\n        }\n        .mantine-Slider-thumb {\n          border-color: ${t};\n          color: ${t};\n        }\n      `}}
+  }
+
+  .mantine-Slider-label {
+    background-color: transparent;
+    color: #000;
+    font-size: 14px;
+    font-weight: bold;
+  }
+`,me=C.default.div`
+  display: flex;
+  align-items: center;
+  .hhg-mantine-slider {
+    flex-grow: 1;
+  }
+  button {
+    path:not([stroke]) {
+      stroke: ${a.theme.colors.primaryBase};
+    }
+  }
+  [data-theme='marryBaby'] & {
+    button {
+      path:not([stroke]) {
+        stroke: ${a.theme.mbColors.pink};
+      }
+    }
+  }
+`,be=n=>{var{styles:a,color:o="blue"}=n,l=e.__rest(n,["styles","color"]);const i=r.useMantineTheme(),s=t.useMemo((()=>{var e,t;return((null==o?void 0:o.includes("."))?null===(e=i.colors[o.split(".")[0]])||void 0===e?void 0:e[o.split(".")[1]]:null===(t=i.colors[o])||void 0===t?void 0:t[i.primaryShade||6])||i.colors.blue[6]}),[o]);return m.default.createElement(r.Radio,Object.assign({styles:Object.assign({radio:{"&:hover":{border:`1px solid ${s}`}},icon:{color:`${s}`}},a),color:o},l))};function ve(e,t=6){const r=new Array(t).fill("");if(e){const t=e.toString().split("");r.map(((e,n)=>{t[n]&&(r[n]=t[n]||"")}))}return r}function Ce(e){return e.join("")}be.Group=r.Radio.Group;var xe="_2iQs0sk",Ee="Ia6IojY";const ye=t.forwardRef(((t,r)=>{const{maxLength:n=1,placeholder:a,className:o}=t,l=e.__rest(t,["maxLength","placeholder","className"]);return m.default.createElement("input",Object.assign({maxLength:n,className:x.default(Ee,"otpInput",o),placeholder:a,type:"number"},l,{ref:r}))})),Se=t.forwardRef(((e,n)=>{const{valueLength:a=6,type:o="number",value:l,defaultValue:i,placeholder:s,onChange:c,onBlur:d}=e,u=t.useRef(new Array(a).fill(null)),[p,f]=t.useState(i||l),[g,h]=t.useState(-1),[b,v]=t.useState((()=>ve(p,a))),C=t.useCallback((()=>{if(-1===g)return;const e=u.current[g];if(e){e.value="";const t=b;t[g]="",v(t),f((()=>Ce(t))),null==c||c(Ce(t))}}),[g,c,b]),E=t.useCallback((()=>{if(0===g)return;const e=u.current[g];e&&e.blur();const t=u.current[g-1];t&&t.focus()}),[g]),y=t.useCallback((()=>{if(g===a-1)return;const e=u.current[g];e&&e.blur();const t=u.current[g+1];t&&t.focus()}),[g,a]),S=t.useCallback((e=>{const t=e.target,r=t.value.toString().slice(0,1),n=u.current.findIndex((e=>e===t));if(-1!==n){const e=b;e[n]=r,v(e),f((()=>Ce(e))),null==c||c(Ce(e))}y()}),[y,c,b]),O=t.useCallback((e=>{const t=e.target,r=u.current.findIndex((e=>e===t));"number"===o?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==r&&h(r)}),[]),k=t.useCallback((e=>{const t=ve(e.clipboardData.getData("text/plain"),a),r=Ce(t);v(t),f(r),null==c||c(r)}),[c,o,a]),L=t.useCallback((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),C(),E()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),C()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),E()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),y()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[C,y,E]);return t.useImperativeHandle(n,(()=>u.current[0]),[]),t.useEffect((()=>{v((()=>ve(l,a))),f(l)}),[a,l]),m.default.createElement(r.Flex,{justify:"center",columnGap:8,className:x.default(xe,"otpContainer")},b.map(((e,t)=>m.default.createElement(ye,{ref:e=>{u.current[t]=e},key:""+t,value:e,type:o,onChange:S,onFocus:O,onKeyDown:L,onPaste:k,onBlur:d,placeholder:s}))))})),Oe=Object.values(p.siteOptions).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]);var ke={phoneInput:"i-9Ibox",error:"YDWHh9b"};const Le=e=>b.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 8 5",fill:"currentColor"},e),b.createElement("path",{d:"M4 5L0.535898 0.5L7.4641 0.5L4 5Z"})),je=t.forwardRef(((r,n)=>{const{isError:a,defaultCountry:o,countries:l=Oe,countryCallingCodeEditable:i=!1,defaultValue:s,value:c,onChange:d,className:u}=r,p=e.__rest(r,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[f,g]=t.useState(s||c),[b,v]=t.useState(null),[C,E]=t.useState(null);return t.useEffect((()=>{g(c)}),[c]),t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield Promise.resolve().then((function(){return h(require("react-phone-number-input"))}));v(e)})),e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield Promise.resolve().then((function(){return require("./index-9fed5846.js")}));E(null==e?void 0:e.Flag)}))}),[]),b?m.default.createElement(b.default,Object.assign({ref:n,value:f,onChange:e=>{g(e),null==d||d(e)},countries:l,defaultCountry:o,countryCallingCodeEditable:i,className:x.default(ke.phoneInput,{isError:a,[ke.error]:a},u),flagUrl:void 0,flagComponent:t=>{const{country:r,countryName:n,flagUrl:a}=t,o=e.__rest(t,["country","countryName","flagUrl"]),l=r?`(+${b.getCountryCallingCode(r)})`:"";return m.default.createElement(m.default.Fragment,null,!!C&&m.default.createElement(C,Object.assign({country:r,title:n},o)),m.default.createElement("span",{className:x.default(ke.callingCode,"PhoneInputCountryIconCallingCode")},l))},countrySelectProps:{arrowComponent:()=>m.default.createElement("div",{className:x.default(ke.arrowSelect,"PhoneInputArrowContainer")},m.default.createElement(Le,null))}},p)):null}));var we=r.createStyles(((e,t)=>{const{variant:n}=t,a={content:"none",top:0,bottom:0,zIndex:1,width:r.rem(56)};return Object.assign({},"inline"===n&&{root:{},tabsList:{gap:r.rem(24),borderBottom:"none",flexWrap:"nowrap"},tab:{padding:`${r.rem(8)} 0`,color:e.colors.gray[4],borderColor:"transparent",borderBottomWidth:r.rem(2),marginBottom:r.rem(-1),transition:"border 0.2s ease","&:hover":{backgroundColor:"initial",borderColor:"transparent"},"&[data-active='true']":{color:e.fn.primaryColor(),borderColor:e.fn.primaryColor()}},tabRightSection:{},tabLabel:{},tabIcon:{},panel:{},scrollArea:{position:"relative","&.prev-bg":{"&:before":Object.assign(Object.assign({},a),{content:'""',position:"absolute",left:0,background:"linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)"})},"&.next-bg":{"&:after":Object.assign(Object.assign({},a),{content:'""',position:"absolute",right:0,background:"linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)"})}},list:{borderBottom:`1px solid ${e.colors.neutral[1]}`},btn:{position:"absolute",top:"50%",zIndex:2,transform:"translate(0, -50%)",width:r.rem(28),height:r.rem(28),padding:0,background:"white",borderRadius:"50%",cursor:"pointer",filter:"drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))",".mantine-Button-icon":{display:"flex",alignItems:"center",justifyContent:"center"},"&.disabled":{opacity:0,zIndex:0}},prevBtn:{left:0},nextBtn:{right:0}})}));const Ae=n=>{var a,{variant:o="inline",value:l,styles:i,children:s,dataList:c=[],tabProps:d,listProps:p,panelProps:f,TabComponentDisplay:g,startPadding:h=40,defaultValue:b}=n,v=e.__rest(n,["variant","value","styles","children","dataList","tabProps","listProps","panelProps","TabComponentDisplay","startPadding","defaultValue"]);const{cx:C,classes:x}=we({variant:o},{name:"Tabs",styles:i}),E=t.useRef(null),y=t.useRef([]),[S,O]=t.useState(b||(null===(a=null==c?void 0:c[0])||void 0===a?void 0:a.value)),[k,j]=t.useState(0),[w,A]=t.useState(!1),[B,I]=t.useState(!0),[_,P]=t.useState({x:0,y:0}),z=t.useRef(null),T=Object.assign({defaultValue:b,classNames:x},s?{value:l}:{value:S,onTabChange:e=>O(e)});t.useEffect((()=>{O(l)}),[l]),t.useEffect((()=>{var e,t,r;null===(e=z.current)||void 0===e||e.scrollTo({left:(null===(r=null===(t=null==y?void 0:y.current)||void 0===t?void 0:t[k])||void 0===r?void 0:r.offsetLeft)-h,behavior:"smooth"})}),[k]),t.useEffect((()=>{j(c.findIndex((e=>e.value==S)))}),[S]),t.useEffect((()=>{var e,t;I(0===_.x),A((null===(e=null==z?void 0:z.current)||void 0===e?void 0:e.clientWidth)+_.x===(null===(t=null==z?void 0:z.current)||void 0===t?void 0:t.scrollWidth))}),[_]);const R=({text:e,dataEventCategory:t,dataEventAction:r,dataEventLabel:n})=>g?m.default.createElement(g,null,e):m.default.createElement(u.Text,{size:"s3",color:"inherit",weight:"semiBold","data-event-category":t,"data-event-action":r,"data-event-label":n},e);return m.default.createElement(r.Tabs,Object.assign({},T,v),s||m.default.createElement(m.default.Fragment,null,m.default.createElement(r.ScrollArea,{className:C(x.scrollArea,`${B?"":"prev-bg"} ${w?"":"next-bg"}`),scrollbarSize:0,viewportRef:z,onScrollPositionChange:P},m.default.createElement(r.Tabs.List,Object.assign({className:x.list,ref:E},p),c.map(((e,t)=>m.default.createElement(r.Tabs.Tab,Object.assign({ref:e=>y.current[t]=e,className:x.tab,key:String(e.value),value:String(e.value)},d),m.default.createElement(R,Object.assign({},e)))))),m.default.createElement(L,{className:C(x.btn,x.prevBtn,B?"disabled":""),unstyled:!0,onClick:()=>j(k-1>-1?k-1:0),leftIcon:m.default.createElement(u.ArrowLeft,{size:16})}),m.default.createElement(L,{className:C(x.btn,x.nextBtn,w?"disabled":""),unstyled:!0,onClick:()=>j(k+1<c.length-1?k+1:c.length-1),leftIcon:m.default.createElement(u.ArrowRight,{size:16})})),c.map((e=>m.default.createElement(r.Tabs.Panel,Object.assign({value:String(e.value),key:String(e.value)},f),e.content)))))};Ae.List=r.Tabs.List,Ae.Tab=r.Tabs.Tab,Ae.Panel=r.Tabs.Panel;const Be=t.createContext({}),Ie=a=>{var{children:o,closeOnClickOutside:l=!0}=a,i=e.__rest(a,["children","closeOnClickOutside"]);const[s,{close:c,open:d}]=n.useDisclosure(!1),u=l?n.useClickOutside(c):t.useRef(),p=Object.assign({},"function"==typeof o?{opened:s}:{});return m.default.createElement(Be.Provider,{value:{opened:s,close:c,open:d}},m.default.createElement(r.Popover,Object.assign({closeOnClickOutside:l},p,i),m.default.createElement("div",{ref:u},"function"==typeof o?o({open:d,close:c,opened:s}):o)))};Ie.Target=r.Popover.Target,Ie.Dropdown=r.Popover.Dropdown;var _e=r.createStyles((e=>{var t;return{root:{},iconWrapper:{display:"none"},label:{display:"inline-block",cursor:"pointer",".checked":{display:"none"},".unchecked":{display:"inline-block"},'&[data-checked="true"]':{".checked":{display:"inline-block"},".unchecked":{display:"none"}},'&,&[data-checked="true"]':{padding:0,border:0,height:"auto"}},btnRoot:{pointerEvents:"none",'&[data-variant="secondary"]':{backgroundColor:null===(t=e.colors[e.primaryColor])||void 0===t?void 0:t[0]},".mantine-Button-label":{fontWeight:"normal",fontSize:r.rem(14)}}}}));const Pe=t=>{var{variant:n="secondary",withIcon:a,children:o,buttonProps:l}=t,i=e.__rest(t,["variant","withIcon","children","buttonProps"]);const{classes:s,cx:c}=_e();return m.default.createElement(r.Chip,Object.assign({classNames:s},i,{unstyled:!0}),m.default.createElement(L,Object.assign({className:c(s.btnRoot,"checked"),leftIcon:a?m.default.createElement(u.Check,{size:18,useCurrentColor:!0}):void 0,variant:n},l),o),m.default.createElement(L,Object.assign({className:c(s.btnRoot,"unchecked"),leftIcon:a?m.default.createElement(u.Plus,{size:18,useCurrentColor:!0}):void 0,variant:"tertiary"},l),o))};Pe.Group=r.Chip.Group,exports.Accordion=re,exports.Anchor=M,exports.ArrowDown=j,exports.AspectRatio=V,exports.Avatar=t=>{var{withIndicator:n=!1,indicatorConfig:a=null,size:o=56,children:l,styles:i,placeholderText:s}=t,c=e.__rest(t,["withIndicator","indicatorConfig","size","children","styles","placeholderText"]);const d=()=>m.default.createElement(r.Avatar,Object.assign({size:o,radius:"xl"},c,{imageProps:Object.assign({loading:"lazy"},c.imageProps),styles:{placeholder:{backgroundColor:c.color,color:"white"}}}),l||(s||m.default.createElement(E,{src:ne,width:o,alt:c.alt||"avatar"})));return n?m.default.createElement(r.Indicator,Object.assign({inline:!0,position:"bottom-end",offset:9},a,{styles:Object.assign({indicator:{backgroundColor:m.default.isValidElement(a.label)&&"transparent",zIndex:1}},i)}),d()):d()},exports.Breadcrumbs=J,exports.Button=L,exports.CaretDown=Le,exports.Carousel=N,exports.CentralCarousel=fe,exports.Checkbox=ge,exports.ChipButton=Pe,exports.DEBOUNCED_TIME=300,exports.ImageWrap=E,exports.Input=ce,exports.MAPPED_LOCALE=_,exports.NumberInput=oe,exports.OTP=Se,exports.Phone=je,exports.Popover=Ie,exports.Radio=be,exports.Select=w,exports.StyledSlider=he,exports.StyledSliderWrapper=me,exports.StyledTextArea=X,exports.Tabs=Ae,exports.emotionCache=ae,exports.getHeadingStyles=Z,exports.getMantineThemeOverride=(e,t="hb")=>({defaultRadius:"hb"===t?4:16,cursorType:"pointer",colors:Object.assign(Object.assign(Object.assign({},Q),a.theme.colors),{toneYellow:"#fff9eb",toneGreen:"#f2fcf7",toneBlue:"#e0e9fb",tonePink:"#ffeaf1"}),primaryColor:t,primaryShade:6,fontFamily:(e===i.LOCALE.Cambodia?"Battambang":e===i.LOCALE.Thailand?"Noto Sans Thai":"Inter")+", -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",breakpoints:{xs:r.em(s.Breakpoints.BREAK_POINT_SMALL_MOBILE),sm:r.em(s.Breakpoints.BREAK_POINT_MOBILE),md:r.em(s.Breakpoints.BREAK_POINT_TABLET),lg:r.em(s.Breakpoints.BREAK_POINT_PC),xl:r.em(s.Breakpoints.BREAK_POINT_LGPC)},components:Object.assign(Object.assign(Object.assign(Object.assign({},K(e)),Y),W),U),other:{template:t,defaultImage:o.CommonGAssets.getAssetPath("mb"===t?"default-image-mb.jpg":"default-image.jpg")}}),exports.themeColors=Q,exports.useMantineLocale=r=>{const[n,a]=t.useState(!1);return t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e;a(!1),yield null===(e=P[r])||void 0===e?void 0:e.call(P),v.default.locale(_[r]),a(!0)}))}),[r]),{isLoaded:n}},exports.useScreenSize=R,exports.useStyles=ee;