@hhgtech/hhg-components 1.21.0-beta-11 → 1.21.0-beta-13

package/build/esm/components/badge.js

@@ -0,0 +1 @@
+import n from"react";import{_ as t}from"../tslib.es6-95636cf4.js";import{t as i}from"../theme-a50a1aa5.js";import o from"styled-components";var e,a=o.div(e||(e=t(["\n  position: relative;\n\n  > div {\n    width: max-content;\n    position: relative;\n  }\n\n  span {\n    font-weight: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ","\n  }\n\n  ","\n"],["\n  position: relative;\n\n  > div {\n    width: max-content;\n    position: relative;\n  }\n\n  span {\n    font-weight: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ","\n  }\n\n  ","\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return function(n,t,o,e){var a="";if("numeric"===n)switch(t){case"medium":a="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":a="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}var c,r="";o&&(r="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),o&&(c="\n      left: 70%;\n\n      ".concat("large"===t?"\n        top: -7px;\n      ":"medium"===t?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":"","\n    "));var s="";switch(e){case"primary":s="\n      background: ".concat(i.colors.blue50,";\n      color: ").concat(i.colors.blue600,";  \n    ");break;case"error":s="\n        background: ".concat(i.colors.error,";\n        color: white;\n      ")}switch(n){case"dot":return"\n        ".concat(r,"\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ").concat(s,"\n      ");case"numeric":return"\n        ".concat(r,"\n        width: max-content;\n        border-radius: 32px;\n        ").concat(a,"\n        ").concat(c,"\n        ").concat(s,"\n      ")}}(n.notificationType,n.notificationSize,n.hasIcon,n.notificationColor)}),(function(n){return n.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "})),c=function(t){var i=t.amount,o=t.type,e=t.size,c=void 0===e?"medium":e,r=t.color,s=void 0===r?"primary":r,p=t.icon,l=t.className;return n.createElement(a,{"data-notification-type":o,"data-notification-size":c,"data-notification-color":s,"data-has-icon":!!p||void 0,notificationType:o,notificationSize:c,notificationColor:s,hasIcon:!!p,className:l},n.createElement("div",null,i&&n.createElement("span",null,i)," ",p&&n.createElement("div",null,p)))};export{c as Badge};

package/build/esm/components/borderHeading.js

@@ -0,0 +1 @@
+import{_ as n,a as t}from"../tslib.es6-95636cf4.js";import e from"react";import{M as a}from"../utils-432904d8.js";import i from"styled-components";var o,p=i.h4(o||(o=n(["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"],["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwSemiBold}),a.mbDown),s=function(n){var a=n.style,i=n.children,o=n.className,s=n.size,r=void 0===s?"lg":s,d=n.type,l=void 0===d?"bold":d,f=n.upperCase,h=n.as,c=void 0===h?"h4":h,x=n.color;return e.createElement(p,{style:t({color:x},a),className:o,"data-size":r,"data-type":l,"data-uppercase":f,as:c},i)};export{s as BorderHeading};

package/build/esm/components/breadcrumbs.js

@@ -0,0 +1 @@
+import{_ as n,a as e}from"../tslib.es6-95636cf4.js";import t,{useMemo as o,Fragment as r}from"react";import{useId as a}from"react-id-generator";import{Dropdown as i}from"./dropdown.js";import l from"styled-components";var s,d,p,g=l.div(s||(s=n(["\n  position: relative;\n  display: flex;\n\n  & > .collapsed-breadcrumb {\n    border: none;\n    & > div {\n      padding: 0;\n    }\n    & > ul {\n      min-width: max-content;\n    }\n  }\n\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: ",";\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n  }\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n    font-weight: ",";\n  }\n"],["\n  position: relative;\n  display: flex;\n\n  & > .collapsed-breadcrumb {\n    border: none;\n    & > div {\n      padding: 0;\n    }\n    & > ul {\n      min-width: max-content;\n    }\n  }\n\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: ",";\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n  }\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n    font-weight: ",";\n  }\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular})),c=l.div(d||(d=n(["\n  margin-right: 8px;\n  margin-left: 8px;\n  width: 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  &[data-size='lg'] {\n    width: 6px;\n    margin-right: 8px;\n    margin-left: 8px;\n  }\n  &[data-size='md'] {\n    width: 5px;\n    margin-right: 7px;\n    margin-left: 7px;\n  }\n  &[data-size='sm'] {\n    width: 4px;\n    margin-right: 6px;\n    margin-left: 6px;\n  }\n"],["\n  margin-right: 8px;\n  margin-left: 8px;\n  width: 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  &[data-size='lg'] {\n    width: 6px;\n    margin-right: 8px;\n    margin-left: 8px;\n  }\n  &[data-size='md'] {\n    width: 5px;\n    margin-right: 7px;\n    margin-left: 7px;\n  }\n  &[data-size='sm'] {\n    width: 4px;\n    margin-right: 6px;\n    margin-left: 6px;\n  }\n"]))),m=l.div(p||(p=n(["\n  max-width: 12em;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  > a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: none;\n  }\n\n  &[data-last='true'] {\n    > a {\n      color: ",";\n    }\n  }\n\n  > a {\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    > a {\n      cursor: not-allowed;\n      color: ",";\n    }\n  }\n"],["\n  max-width: 12em;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  > a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: none;\n  }\n\n  &[data-last='true'] {\n    > a {\n      color: ",";\n    }\n  }\n\n  > a {\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    > a {\n      cursor: not-allowed;\n      color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.gray300})),h=function(n){var e=n.LinkComponent,o=n.page,r=n.isLast,a=n.onChangePage,l=o.label,s=o.value,d=o.isDropdown,p=o.dropdownItems,g=o.dataEventCategory,c=o.dataEventAction,h=o.dataEventLabel;return d?t.createElement(i,{options:p,placeholder:"...",id:"",placeholderIcon:null,onChange:a,className:"collapsed-breadcrumb"}):t.createElement(m,{title:"string"!=typeof l?s:l,"data-last":r},e&&t.createElement(e,{"data-event-category":g,"data-event-action":c,"data-event-label":h,href:s||"#"},l))},u=function(n){var i=n.className,l=n.pages,s=n.size,d=n.LinkComponent,p=void 0===d?"a":d,m=n.onChangePage,u=n.separator,f=o((function(){return l.map((function(n,t){return l.length>4?t>1&&t<l.length-2?null:1===t?e(e({},n),{isDropdown:1===t,dropdownItems:l.slice(1,l.length-2)}):n:n})).filter(Boolean)}),[l]),w=a(f.length);return t.createElement(g,{"data-size":s,className:i},f.map((function(n,e){var o=e+1===f.length;return t.createElement(r,{key:w[e]},t.createElement(h,{LinkComponent:p,page:n,isLast:o,onChangePage:m}),!o&&(u||t.createElement(c,{"data-size":s})))})))};export{u as Breadcrumbs};

package/build/esm/components/button.js

@@ -0,0 +1 @@
+import{_ as n,b as o,a as e}from"../tslib.es6-95636cf4.js";import t from"react";import r,{css as i,keyframes as a}from"styled-components";var d,l,c,p,s,h,g,x,b,u,m,f,k,w,v,y,z,C,B,S,E,P,T,A,L,I,j,F,N,D,H,M,V,W,Z,_,q,G,J,K,O,Q,R=r.button(K||(K=n(["\n  width: auto;\n  border-radius: 6px;\n  ","\n\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n    ","\n\n  ","\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  ","\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"],["\n  width: auto;\n  border-radius: 6px;\n  ","\n\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n    ","\n\n  ","\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  ","\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"])),(function(o){return"marryBaby"===o.buttonTheme&&i(d||(d=n(["\n      border-radius: 16px;\n    "],["\n      border-radius: 16px;\n    "])))}),(function(n){return n.theme.sizes.fwBold}),(function(o){return o.buttonHasIcon&&i(l||(l=n(["\n      & > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      svg {\n        width: 16px;\n        height: 16px;\n        margin-right: 8px;\n        vertical-align: middle;\n      }\n\n      & .button-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      }\n    "],["\n      & > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      svg {\n        width: 16px;\n        height: 16px;\n        margin-right: 8px;\n        vertical-align: middle;\n      }\n\n      & .button-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      }\n    "])))}),(function(o){return"primary"===o.buttonColor&&i(b||(b=n(["\n      background-color: ",";\n      border: 1px solid ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover:not(:disabled) {\n        background-color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n\n        ","\n      }\n    "],["\n      background-color: ",";\n      border: 1px solid ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover:not(:disabled) {\n        background-color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n\n        ","\n      }\n    "])),o.theme.colors.primaryBase,o.theme.colors.primaryBase,o.theme.colors.white,"marryBaby"===o.buttonTheme&&i(c||(c=n(["\n        border: solid 2px ",";\n        background-color: ",";\n      "],["\n        border: solid 2px ",";\n        background-color: ",";\n      "])),o.theme.mbColors.pink,o.theme.mbColors.pink),"lg"===o.buttonSize&&i(p||(p=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(s||(s=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "]))),"sm"===o.buttonSize&&i(h||(h=n(["\n        padding: 5px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        font-weight: ",";\n      "],["\n        padding: 5px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.primaryHover,"marryBaby"===o.buttonTheme&&i(g||(g=n(["\n          border: solid 2px ",";\n          background-color: ",";\n          color: ",";\n        "],["\n          border: solid 2px ",";\n          background-color: ",";\n          color: ",";\n        "])),o.theme.mbColors.pink,o.theme.colors.white,o.theme.mbColors.pink),o.theme.colors.primaryActive,"marryBaby"===o.buttonTheme&&i(x||(x=n(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),o.theme.mbColors.pink))}),(function(o){return"secondary"===o.buttonColor&&i(y||(y=n(["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n    "],["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n    "])),o.theme.colors.primaryBase,o.theme.colors.white,o.theme.colors.primaryBase,"marryBaby"===o.buttonTheme&&i(u||(u=n(["\n        border-color: ",";\n        background-color: transparent;\n        color: ",";\n      "],["\n        border-color: ",";\n        background-color: transparent;\n        color: ",";\n      "])),o.theme.mbColors.pink,o.theme.mbColors.pink),"lg"===o.buttonSize&&i(m||(m=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(f||(f=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "]))),"sm"===o.buttonSize&&i(k||(k=n(["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.primaryHover,o.theme.colors.primaryHover,o.theme.colors.white,"marryBaby"===o.buttonTheme&&i(w||(w=n(["\n          border-color: ",";\n          background-color: ",";\n        "],["\n          border-color: ",";\n          background-color: ",";\n        "])),o.theme.mbColors.pink,o.theme.mbColors.pink),o.theme.colors.primaryActive,o.theme.colors.primaryActive,o.theme.colors.white,"marryBaby"===o.buttonTheme&&i(v||(v=n(["\n          border-color: ",";\n          background-color: ",";\n        "],["\n          border-color: ",";\n          background-color: ",";\n        "])),o.theme.mbColors.pink,o.theme.mbColors.pink))}),(function(o){return"tertiary"===o.buttonColor&&i(P||(P=n(["\n      border: solid 2px ",";\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n      &:hover {\n        ","\n      }\n\n      ","\n    "],["\n      border: solid 2px ",";\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n      &:hover {\n        ","\n      }\n\n      ","\n    "])),o.theme.colors.gray300,o.theme.colors.gray800,"lg"===o.buttonSize&&i(z||(z=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(C||(C=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n        font-weight: ",";\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),"sm"===o.buttonSize&&i(B||(B=n(["\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n        border-width: 1px;\n        font-weight: ",";\n      "],["\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n        border-width: 1px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),"marryBaby"===o.buttonTheme&&i(S||(S=n(["\n          color: ",";\n          background-color: ",";\n        "],["\n          color: ",";\n          background-color: ",";\n        "])),o.theme.colors.white,o.theme.mbColors.pink),"marryBaby"===o.buttonTheme&&i(E||(E=n(["\n        color: ",";\n        border-color: ",";\n      "],["\n        color: ",";\n        border-color: ",";\n      "])),o.theme.mbColors.pink,o.theme.mbColors.pink))}),(function(o){return"ghost"===o.buttonColor&&i(I||(I=n(["\n      border: 0;\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n   ","\n\n    &:disabled {\n        border-color: 0;\n        background-color: transparent;\n        color: ",";\n        cursor: not-allowed;\n      }\n    "],["\n      border: 0;\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n   ","\n\n    &:disabled {\n        border-color: 0;\n        background-color: transparent;\n        color: ",";\n        cursor: not-allowed;\n      }\n    "])),o.theme.colors.primaryBase,"lg"===o.buttonSize&&i(T||(T=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(A||(A=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "]))),"sm"===o.buttonSize&&i(L||(L=n(["\n        padding: 5px 12px;\n        font-size: 12px;\n        line-height: 18px;\n        font-weight: ",";\n      "],["\n        padding: 5px 12px;\n        font-size: 12px;\n        line-height: 18px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.gray300)}),(function(o){return"transparent"===o.buttonColor&&i(D||(D=n(["\n      border: none;\n      background-color: transparent;\n      ","\n\n      ","\n\n    ","\n    "],["\n      border: none;\n      background-color: transparent;\n      ","\n\n      ","\n\n    ","\n    "])),"lg"===o.buttonSize&&i(j||(j=n(["\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(F||(F=n(["\n        font-size: 14px;\n        line-height: 24px;\n      "],["\n        font-size: 14px;\n        line-height: 24px;\n      "]))),"sm"===o.buttonSize&&i(N||(N=n(["\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-size: 13px;\n        line-height: 20px;\n      "]))))}),(function(o){return"danger"===o.buttonColor&&i(W||(W=n(["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n      ","\n\n      &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n      }\n    "],["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n      ","\n\n      &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n      }\n    "])),o.theme.colors.red600,o.theme.colors.red600,o.theme.colors.white,"lg"===o.buttonSize&&i(H||(H=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&i(M||(M=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "]))),"sm"===o.buttonSize&&i(V||(V=n(["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.red200,o.theme.colors.red200,o.theme.colors.white)}),(function(o){return o.buttonIsLoading&&i(G||(G=n(["\n      span {\n        padding-left: 32px;\n      }\n      svg {\n        position: absolute;\n      }\n\n      ","\n\n      ","\n\n    ","\n    "],["\n      span {\n        padding-left: 32px;\n      }\n      svg {\n        position: absolute;\n      }\n\n      ","\n\n      ","\n\n    ","\n    "])),"lg"===o.buttonSize&&i(Z||(Z=n(["\n        svg {\n          width: 26px;\n          height: 26px;\n        }\n      "],["\n        svg {\n          width: 26px;\n          height: 26px;\n        }\n      "]))),"md"===o.buttonSize&&i(_||(_=n(["\n        svg {\n          width: 24px;\n          height: 24px;\n        }\n      "],["\n        svg {\n          width: 24px;\n          height: 24px;\n        }\n      "]))),"sm"===o.buttonSize&&i(q||(q=n(["\n        svg {\n          width: 22px;\n          height: 22px;\n        }\n      "],["\n        svg {\n          width: 22px;\n          height: 22px;\n        }\n      "]))))}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.white}),(function(o){return o.buttonIsBlock&&i(J||(J=n(["\n      width: 100%;\n      padding: 12px auto;\n    "],["\n      width: 100%;\n      padding: 12px auto;\n    "])))})),U=a(O||(O=n(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),X=r.svg(Q||(Q=n(["\n  animation: "," 1.2s linear infinite;\n"],["\n  animation: "," 1.2s linear infinite;\n"])),U),Y=function(n){var r=n.size,i=n.color,a=void 0===i?"primary":i,d=n.theme,l=void 0===d?"helloSites":d,c=n.isDisabled,p=n.isBlock,s=n.title,h=n.className,g=n.onClick,x=n.icon,b=n.children,u=n.isLoading,m=n.loadingText,f=n.dataEventCategory,k=n.dataEventAction,w=n.dataEventLabel,v=n.dataProductChannel,y=n.dataProductSku,z=n.dataProductBrand,C=n.dataProductName,B=n.dataProductPrice,S=n.dataProductCategory,E=n.dataProductPosition,P=n.isAmp,T=n.on,A=n.dataVarsTracking,L=n.type,I=o(n,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),j=P?{"data-vars-event-category":f,"data-vars-event-action":k,"data-vars-event-label":w,"data-vars-product-channel":v,"data-vars-product-sku":y,"data-vars-product-brand":z,"data-vars-product-name":C,"data-vars-product-price":B,"data-vars-product-category":S,"data-vars-product-position":E,"data-vars-tracking":A,on:T}:{"data-event-category":f,"data-event-action":k,"data-event-label":w,"data-product-channel":v,"data-product-sku":y,"data-product-brand":z,"data-product-name":C,"data-product-price":B,"data-product-category":S,"data-product-position":E};return t.createElement(R,e({},j,{className:h,"data-size":r,"data-color":a,"data-block":p,"data-has-icon":!!x||void 0,"data-theme":l,disabled:c,onClick:function(n){!u&&!c&&g&&g(n)},title:s,"data-is-loading":u||void 0,buttonHasIcon:!!x,buttonTheme:l,buttonSize:r,buttonColor:a,buttonIsLoading:u,buttonIsBlock:p,type:L},I),u?t.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:24}},("secondary"===a||"transparent"===a||"tertiary"===a||"ghost"===a||"danger"===a)&&t.createElement(t.Fragment,null,t.createElement("svg",{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},t.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"#DBDFE5",strokeWidth:"4"})),t.createElement(X,{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},t.createElement("mask",{id:"a",fill:"#fff"},t.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z"})),t.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z",stroke:"#2D87F3",strokeWidth:"8",mask:"url(#a)"}))),"primary"===a&&t.createElement(t.Fragment,null,t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),t.createElement(X,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("mask",{id:"path-1-inside-1",fill:"white"},t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),t.createElement("span",null,m)):t.createElement("span",null,!u&&t.createElement("span",{className:"button-icon"},x)," ",b))};export{Y as Button};

package/build/esm/components/carousel.js

@@ -0,0 +1 @@
+import{_ as n,c as t}from"../tslib.es6-95636cf4.js";import e,{useState as i}from"react";import r from"styled-components";var a=e;function o(n){return Array.prototype.slice.call(n)}function s(n,t){var e=Math.floor(n);return e===t||e+1===t?n:t}function u(){return Date.now()}function c(n,t,e){if(t="data-keen-slider-"+t,null===e)return n.removeAttribute(t);n.setAttribute(t,e||"")}function l(n,t){return t=t||document,"function"==typeof n&&(n=n(t)),Array.isArray(n)?n:"string"==typeof n?o(t.querySelectorAll(n)):n instanceof HTMLElement?[n]:n instanceof NodeList?o(n):[]}function d(n){n.raw&&(n=n.raw),n.cancelable&&!n.defaultPrevented&&n.preventDefault()}function f(n){n.raw&&(n=n.raw),n.stopPropagation&&n.stopPropagation()}function p(){var n=[];return{add:function(t,e,i,r){t.addListener?t.addListener(i):t.addEventListener(e,i,r),n.push([t,e,i,r])},input:function(n,t,e,i){this.add(n,t,function(n){return function(t){t.nativeEvent&&(t=t.nativeEvent);var e=t.changedTouches||[],i=t.targetTouches||[],r=t.detail&&t.detail.x?t.detail:null;return n({id:r?r.identifier?r.identifier:"i":i[0]?i[0]?i[0].identifier:"e":"d",idChanged:r?r.identifier?r.identifier:"i":e[0]?e[0]?e[0].identifier:"e":"d",raw:t,x:r&&r.x?r.x:i[0]?i[0].screenX:r?r.x:t.pageX,y:r&&r.y?r.y:i[0]?i[0].screenY:r?r.y:t.pageY})}}(e),i)},purge:function(){n.forEach((function(n){n[0].removeListener?n[0].removeListener(n[2]):n[0].removeEventListener(n[1],n[2],n[3])})),n=[]}}}function v(n,t,e){return Math.min(Math.max(n,t),e)}function m(n){return(n>0?1:0)-(n<0?1:0)||+n}function h(n){var t=n.getBoundingClientRect();return{height:s(t.height,n.offsetHeight),width:s(t.width,n.offsetWidth)}}function g(n,t,e,i){var r=n&&n[t];return null==r?e:i&&"function"==typeof r?r():r}function b(n){return Math.round(1e6*n)/1e6}function x(n,t){if(n===t)return!0;var e=typeof n;if(e!==typeof t)return!1;if("object"!==e||null===n||null===t)return"function"===e&&n.toString()===t.toString();if(n.length!==t.length||Object.getOwnPropertyNames(n).length!==Object.getOwnPropertyNames(t).length)return!1;for(var i in n)if(!x(n[i],t[i]))return!1;return!0}var w=function(){return w=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var r in t=arguments[e])Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n},w.apply(this,arguments)};function k(n,t,e){if(e||2===arguments.length)for(var i,r=0,a=t.length;r<a;r++)!i&&r in t||(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return n.concat(i||Array.prototype.slice.call(t))}function y(n){var t,e,i,r,a,o,s,c,l,d,f,p,h,x,w=1/0,y=[],C=null,E=0;function M(n){O(E+n)}function T(n){var t=L(E+n).abs;return z(t)?t:null}function L(n){var t=Math.floor(Math.abs(b(n/e))),i=b((n%e+e)%e);i===e&&(i=0);var r=m(n),a=s.indexOf(k([],s,!0).reduce((function(n,t){return Math.abs(t-i)<Math.abs(n-i)?t:n}))),u=a;return r<0&&t++,a===o&&(u=0,t+=r>0?1:-1),{abs:u+t*o*r,origin:a,rel:u}}function A(n,t,e){var i;if(t||!N())return D(n,e);if(!z(n))return null;var r=L(null!=e?e:E),a=r.abs,s=n-r.rel,u=a+s;i=D(u);var c=D(u-o*m(s));return(null!==c&&Math.abs(c)<Math.abs(i)||null===i)&&(i=c),b(i)}function D(n,t){if(null==t&&(t=b(E)),!z(n)||null===n)return null;n=Math.round(n);var i=L(t),r=i.abs,a=i.rel,u=i.origin,c=S(n),l=(t%e+e)%e,d=s[u],f=Math.floor((n-(r-a))/o)*e;return b(d-l-d+s[c]+f+(u===o?e:0))}function z(n){return I(n)===n}function I(n){return v(n,l,d)}function N(){return r.loop}function S(n){return(n%o+o)%o}function O(t){var e;e=t-E,y.push({distance:e,timestamp:u()}),y.length>6&&(y=y.slice(-6)),E=b(t);var i=_().abs;if(i!==C){var r=null!==C;C=i,r&&n.emit("slideChanged")}}function _(s){var u=s?null:function(){if(o){var n=N(),t=n?(E%e+e)%e:E,s=(n?E%e:E)-a[0][2],u=0-(s<0&&n?e-Math.abs(s):s),c=0,v=L(E),g=v.abs,b=v.rel,w=a[b][2],k=a.map((function(t,i){var a=u+c;(a<0-t[0]||a>1)&&(a+=(Math.abs(a)>e-1&&n?e:0)*m(-a));var s=i-b,l=m(s),d=s+g;n&&(-1===l&&a>w&&(d+=o),1===l&&a<w&&(d-=o),null!==f&&d<f&&(a+=e),null!==p&&d>p&&(a-=e));var v=a+t[0]+t[1],h=Math.max(a>=0&&v<=1?1:v<0||a>1?0:a<0?Math.min(1,(t[0]+a)/t[0]):(1-a)/t[0],0);return c+=t[0]+t[1],{abs:d,distance:r.rtl?-1*a+1-t[0]:a,portion:h,size:t[0]}}));return g=I(g),b=S(g),{abs:I(g),length:i,max:x,maxIdx:d,min:h,minIdx:l,position:E,progress:n?t/e:E/i,rel:b,slides:k,slidesLength:e}}}();return t.details=u,n.emit("detailsChanged"),u}return t={absToRel:S,add:M,details:null,distToIdx:T,idxToDist:A,init:function(t){if(function(){if(r=n.options,a=(r.trackConfig||[]).map((function(n){return[g(n,"size",1),g(n,"spacing",0),g(n,"origin",0)]})),o=a.length){e=b(a.reduce((function(n,t){return n+t[0]+t[1]}),0));var t,u=o-1;i=b(e+a[0][2]-a[u][0]-a[u][2]-a[u][1]),s=a.reduce((function(n,e){if(!n)return[0];var i=a[n.length-1],r=n[n.length-1]+(i[0]+i[2])+i[1];return r-=e[2],n[n.length-1]>r&&(r=n[n.length-1]),r=b(r),n.push(r),(!t||t<r)&&(c=n.length-1),t=r,n}),null),0===i&&(c=0),s.push(b(e))}}(),!o)return _(!0);var u;!function(){var t=n.options.range,e=n.options.loop;f=l=e?g(e,"min",-1/0):0,p=d=e?g(e,"max",w):c;var i=g(t,"min",null),r=g(t,"max",null);i&&(l=i),r&&(d=r),h=l===-1/0?l:n.track.idxToDist(l||0,!0,0),x=d===w?d:A(d,!0,0),null===r&&(p=d),g(t,"align",!1)&&d!==w&&0===a[S(d)][2]&&(x-=1-a[S(d)][0],d=T(x-E)),h=b(h),x=b(x)}(),u=t,Number(u)===u?M(D(I(t))):_()},to:O,velocity:function(){var n=u(),t=y.reduce((function(t,e){var i=e.distance,r=e.timestamp;return n-r>200||(m(i)!==m(t.distance)&&t.distance&&(t={distance:0,lastTimestamp:0,time:0}),t.time&&(t.distance+=i),t.lastTimestamp&&(t.time+=r-t.lastTimestamp),t.lastTimestamp=r),t}),{distance:0,lastTimestamp:0,time:0});return t.distance/t.time||0}}}function C(n){var t,e,i,r,a,o,s;function u(n){return 2*n}function c(n){return v(n,o,s)}function l(n){return 1-Math.pow(1-n,3)}function d(){h();var t="free-snap"===n.options.mode,e=n.track,o=e.velocity();i=m(o);var s=n.track.details,d=[];if(o||!t){var p=f(o),v=p.dist,g=p.dur;if(g=u(g),v*=i,t){var b=e.idxToDist(e.distToIdx(v),!0);b&&(v=b)}d.push({distance:v,duration:g,easing:l});var x=s.position,w=x+v;if(w<r||w>a){var k=w<r?r-x:a-x,y=0,C=o;if(m(k)===i){var E=Math.min(Math.abs(k)/Math.abs(v),1),M=function(n){return 1-Math.pow(1-n,1/3)}(E)*g;d[0].earlyExit=M,C=o*(1-E)}else d[0].earlyExit=0,y+=k;var T=f(C,100),L=T.dist*i;n.options.rubberband&&(d.push({distance:L,duration:u(T.dur),easing:l}),d.push({distance:-L+y,duration:500,easing:l}))}n.animator.start(d)}else n.moveToIdx(c(s.abs),!0,{duration:500,easing:function(n){return 1+--n*n*n*n*n}})}function f(n,t){void 0===t&&(t=1e3);var e=147e-9+(n=Math.abs(n))/t;return{dist:Math.pow(n,2)/e,dur:n/e}}function p(){var t=n.track.details;t&&(r=t.min,a=t.max,o=t.minIdx,s=t.maxIdx)}function h(){n.animator.stop()}n.on("updated",p),n.on("optionsChanged",p),n.on("created",p),n.on("dragStarted",(function(){h(),t=e=n.track.details.abs})),n.on("dragEnded",(function(){var i=n.options.mode;"snap"===i&&function(){var i=n.track,o=n.track.details,s=o.position,u=m(i.velocity());(s>a||s<r)&&(u=0);var l=t+u;0===o.slides[i.absToRel(l)].portion&&(l-=u),t!==e&&(l=e),m(i.idxToDist(l,!0))!==u&&(l+=u),l=c(l);var d=i.idxToDist(l,!0);n.animator.start([{distance:d,duration:500,easing:function(n){return 1+--n*n*n*n*n}}])}(),"free"!==i&&"free-snap"!==i||d()})),n.on("dragged",(function(){e=n.track.details.abs}))}function E(n){var t,e,i,r,a,o,s,u,c,h,g,b,x,w,k,y,C,E,M=p();function T(t){if(o&&u===t.id){var l=z(t);if(c){if(!D(t))return A(t);h=l,c=!1,n.emit("dragChecked")}if(y)return h=l;d(t);var p=function(t){if(C===-1/0&&E===1/0)return t;var i=n.track.details,o=i.length,s=i.position,u=v(t,C-s,E-s);if(0===o)return 0;if(!n.options.rubberband)return u;if(s<=E&&s>=C)return t;if(s<C&&e>0||s>E&&e<0)return t;var c=(s<C?s-C:s-E)/o,l=r*o,d=Math.abs(c*l),f=Math.max(0,1-d/a*2);return f*f*t}(s(h-l)/r*i);e=m(p);var x=n.track.details.position;(x>C&&x<E||x===C&&e>0||x===E&&e<0)&&f(t),g+=p,!b&&Math.abs(g*r)>5&&(b=!0),n.track.add(p),h=l,n.emit("dragged")}}function L(t){!o&&n.track.details&&n.track.details.length&&(g=0,o=!0,b=!1,c=!0,u=t.id,D(t),h=z(t),n.emit("dragStarted"))}function A(t){o&&u===t.idChanged&&(o=!1,n.emit("dragEnded"))}function D(n){var t=I(),e=t?n.y:n.x,i=t?n.x:n.y,r=void 0!==x&&void 0!==w&&Math.abs(w-i)<=Math.abs(x-e);return x=e,w=i,r}function z(n){return I()?n.y:n.x}function I(){return n.options.vertical}function N(){r=n.size,a=I()?window.innerHeight:window.innerWidth;var t=n.track.details;t&&(C=t.min,E=t.max)}function S(n){b&&(f(n),d(n))}function O(){if(M.purge(),n.options.drag&&!n.options.disabled){var e;e=n.options.dragSpeed||1,s="function"==typeof e?e:function(n){return n*e},i=n.options.rtl?-1:1,N(),t=n.container,function(){var n="data-keen-slider-clickable";l("[".concat(n,"]:not([").concat(n,"=false])"),t).map((function(n){M.add(n,"mousedown",f),M.add(n,"touchstart",f)}))}(),M.add(t,"dragstart",(function(n){d(n)})),M.add(t,"click",S,{capture:!0}),M.input(t,"ksDragStart",L),M.input(t,"ksDrag",T),M.input(t,"ksDragEnd",A),M.input(t,"mousedown",L),M.input(t,"mousemove",T),M.input(t,"mouseleave",A),M.input(t,"mouseup",A),M.input(t,"touchstart",L,{passive:!0}),M.input(t,"touchmove",T,{passive:!1}),M.input(t,"touchend",A),M.input(t,"touchcancel",A),M.add(window,"wheel",(function(n){o&&d(n)}));var r="data-keen-slider-scrollable";l("[".concat(r,"]:not([").concat(r,"=false])"),n.container).map((function(n){return function(n){var t;M.input(n,"touchstart",(function(n){t=z(n),y=!0,k=!0}),{passive:!0}),M.input(n,"touchmove",(function(e){var i=I(),r=i?n.scrollHeight-n.clientHeight:n.scrollWidth-n.clientWidth,a=t-z(e),o=i?n.scrollTop:n.scrollLeft,s=i&&"scroll"===n.style.overflowY||!i&&"scroll"===n.style.overflowX;if(t=z(e),(a<0&&o>0||a>0&&o<r)&&k&&s)return y=!0;k=!1,d(e),y=!1})),M.input(n,"touchend",(function(){y=!1}))}(n)}))}}n.on("updated",N),n.on("optionsChanged",O),n.on("created",O),n.on("destroyed",M.purge)}function M(n){var t,e,i=null;function r(t,e,i){n.animator.active?o(t,e,i):requestAnimationFrame((function(){return o(t,e,i)}))}function a(){r(!1,!1,e)}function o(e,r,a){var o=0,s=n.size,l=n.track.details;if(l&&t){var d=l.slides;t.forEach((function(n,t){if(e)!i&&r&&u(n,null,a),c(n,null,a);else{if(!d[t])return;var l=d[t].size*s;!i&&r&&u(n,l,a),c(n,d[t].distance*s-o,a),o+=l}}))}}function s(t){return"performance"===n.options.renderMode?Math.round(t):t}function u(n,t,e){var i=e?"height":"width";null!==t&&(t=s(t)+"px"),n.style["min-"+i]=t,n.style["max-"+i]=t}function c(n,t,e){if(null!==t){t=s(t);var i=e?t:0;t="translate3d(".concat(e?0:t,"px, ").concat(i,"px, 0)")}n.style.transform=t,n.style["-webkit-transform"]=t}function l(){t&&(o(!0,!0,e),t=null),n.on("detailsChanged",a,!0)}function d(){r(!1,!0,e)}function f(){l(),e=n.options.vertical,n.options.disabled||"custom"===n.options.renderMode||(i="auto"===g(n.options.slides,"perView",null),n.on("detailsChanged",a),(t=n.slides).length&&d())}n.on("created",f),n.on("optionsChanged",f),n.on("beforeOptionsChanged",(function(){l()})),n.on("updated",d),n.on("destroyed",l)}function T(n,t){return function(e){var i,r,a,o,s,u=p();function d(n){var t;c(e.container,"reverse","rtl"!==(t=e.container,window.getComputedStyle(t,null).getPropertyValue("direction"))||n?null:""),c(e.container,"v",e.options.vertical&&!n?"":null),c(e.container,"disabled",e.options.disabled&&!n?"":null)}function f(){v()&&y()}function v(){var n=null;if(o.forEach((function(t){t.matches&&(n=t.__media)})),n===i)return!1;i||e.emit("beforeOptionsChanged"),i=n;var t=n?a.breakpoints[n]:a;return e.options=w(w({},a),t),d(),L(),A(),E(),!0}function m(n){var t=h(n);return(e.options.vertical?t.height:t.width)/e.size||1}function b(){return e.options.trackConfig.length}function x(n){for(var s in i=!1,a=w(w({},t),n),u.purge(),r=e.size,o=[],a.breakpoints||[]){var c=window.matchMedia(s);c.__media=s,o.push(c),u.add(c,"change",f)}u.add(window,"orientationchange",T),u.add(window,"resize",M),v()}function k(n){e.animator.stop();var t=e.track.details;e.track.init(null!=n?n:t?t.abs:0)}function y(n){k(n),e.emit("optionsChanged")}function C(n,t){if(n)return x(n),void y(t);L(),A();var i=b();E(),b()!==i?y(t):k(t),e.emit("updated")}function E(){var n=e.options.slides;if("function"==typeof n)return e.options.trackConfig=n(e.size,e.slides);for(var t=e.slides,i=t.length,r="number"==typeof n?n:g(n,"number",i,!0),a=[],o=g(n,"perView",1,!0),s=g(n,"spacing",0,!0)/e.size||0,u="auto"===o?s:s/o,c=g(n,"origin","auto"),l=0,d=0;d<r;d++){var f="auto"===o?m(t[d]):1/o-s+u,p="center"===c?.5-f/2:"auto"===c?0:c;a.push({origin:p,size:f,spacing:s}),l+=f}if(l+=s*(r-1),"auto"===c&&!e.options.loop&&1!==o){var v=0;a.map((function(n){var t=l-v;return v+=n.size+s,t>=1||(n.origin=1-t-(l>1?0:1-l)),n}))}e.options.trackConfig=a}function M(){L();var n=e.size;e.options.disabled||n===r||(r=n,C())}function T(){M(),setTimeout(M,500),setTimeout(M,2e3)}function L(){var n=h(e.container);e.size=(e.options.vertical?n.height:n.width)||1}function A(){e.slides=l(e.options.selector,e.container)}e.container=(s=l(n,document)).length?s[0]:null,e.destroy=function(){u.purge(),e.emit("destroyed"),d(!0)},e.prev=function(){e.moveToIdx(e.track.details.abs-1,!0)},e.next=function(){e.moveToIdx(e.track.details.abs+1,!0)},e.update=C,x(e.options)}}var L,A,D,z=function(n,t,e){try{return function(n,t){var e,i={};return e={emit:function(n){i[n]&&i[n].forEach((function(n){n(e)}));var t=e.options&&e.options[n];t&&t(e)},moveToIdx:function(n,t,i){var r=e.track.idxToDist(n,t);if(r){var a=e.options.defaultAnimation;e.animator.start([{distance:r,duration:g(i||a,"duration",500),easing:g(i||a,"easing",(function(n){return 1+--n*n*n*n*n}))}])}},on:function(n,t,e){void 0===e&&(e=!1),i[n]||(i[n]=[]);var r=i[n].indexOf(t);r>-1?e&&delete i[n][r]:e||i[n].push(t)},options:n},function(){if(e.track=y(e),e.animator=function(n){var t,e,i,r,a,o;function s(t){o||(o=t),u(!0);var a=t-o;a>i&&(a=i);var d=r[e];if(d[3]<a)return e++,s(t);var f=d[2],p=d[4],v=d[0],m=d[1]*(0,d[5])(0===p?1:(a-f)/p);if(m&&n.track.to(v+m),a<i)return l();o=null,u(!1),c(null),n.emit("animationEnded")}function u(n){t.active=n}function c(n){t.targetIdx=n}function l(){var n;n=s,a=window.requestAnimationFrame(n)}function d(){var t;t=a,window.cancelAnimationFrame(t),u(!1),c(null),o&&n.emit("animationStopped"),o=null}return t={active:!1,start:function(t){if(d(),n.track.details){var a=0,o=n.track.details.position;e=0,i=0,r=t.map((function(n){var t,e=o,r=null!==(t=n.earlyExit)&&void 0!==t?t:n.duration,s=n.easing,u=n.distance*s(r/n.duration)||0;o+=u;var c=i;return i+=r,a+=u,[e,n.distance,c,i,n.duration,s]})),c(n.track.distToIdx(a)),l(),n.emit("animationStarted")}},stop:d,targetIdx:null}}(e),t)for(var n=0,i=t;n<i.length;n++)(0,i[n])(e);e.track.init(e.options.initial||0),e.emit("created")}(),e}(t,k([T(n,{drag:!0,mode:"snap",renderMode:"precision",rubberband:!0,selector:".keen-slider__slide"}),M,E,C],e||[],!0))}catch(n){console.error(n)}},I=function(n,t){var e=a.useRef(null),i=a.useRef(!1),r=a.useRef(n),o=a.useCallback((function(a){a?(r.current=n,e.current=new z(a,n,t),i.current=!1):(e.current&&e.current.destroy&&e.current.destroy(),e.current=null)}),[]);return a.useEffect((function(){x(r.current,n)||(r.current=n,e.current&&e.current.update(r.current))}),[n]),[o,e]},N=r.button(L||(L=n(["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"],["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"])),(function(n){return n.theme.colors.neutral200})),S=r.button(A||(A=n(["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink})),O=r.div(D||(D=n(["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(\n        ",",\n        1fr\n      );\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"],["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(\n        ",",\n        1fr\n      );\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"])),"\n   .keen-slider:not([data-keen-slider-disabled]) {\n    align-content: flex-start;\n    display: flex;\n    overflow: hidden;\n    position: relative;\n    user-select: none;\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n    touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n    width: 100%;\n\n    .keen-slider__slide {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      min-height: 100%;\n    }\n\n    &[data-keen-slider-reverse] {\n      flex-direction: row-reverse;\n    }\n\n    &[data-keen-slider-v] {\n      flex-wrap: wrap;\n    }\n  }\n\n  [data-keen-slider-moves] * {\n    pointer-events: none;\n  }\n}\n",(function(n){return n.column}),(function(n){return n.row})),_=function(n){var t=n.isDisabled,i=n.isLeft,r=n.onClick,a=n.className,o=n.scheme,s=void 0===o?"hellosites":o;return e.createElement(N,{onClick:r,"data-is-disabled":t,"data-is-left":i,className:a},e.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i?e.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===s?"#595959":"#E55C8A"}):e.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===s?"#595959":"#E55C8A"})))},j=function(n){for(var r=n.row,a=n.column,o=n.children,s=n.scheme,u=void 0===s?"hellosites":s,c=n.classNameLeftArrow,l=void 0===c?"":c,d=n.classNameRightArrow,f=void 0===d?"":d,p=n.mode,v=void 0===p?"snap":p,m=n.isDotsShown,h=void 0===m||m,g=n.isArrowShown,b=void 0!==g&&g,x=n.dataEventCategory,w=n.dataEventAction,k=n.dataEventLabel,y=n.onChangePage,C=e.useState(0),E=C[0],M=C[1],T=i(!1),L=T[0],A=T[1],D=I({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(n){M(n.track.details.rel),y&&y(n.track.details.rel)},created:function(){A(!0)},drag:!0,mode:v,slides:{spacing:12}}),z=D[0],N=D[1],j=[],P=r*a,R=0;R<o.length;R+=P){var Y=o.slice(R,R+P);j.push(Y)}return e.createElement(O,{row:r,column:a},e.createElement("div",{className:"navigation-wrapper"},e.createElement("div",{ref:z,className:"keen-slider slides-wrapper"},j.map((function(n,t){return e.createElement("div",{key:t,className:"keen-slider__slide page-items"},n.map((function(n,t){return e.createElement("div",{key:t},n)})))}))),L&&N.current&&b&&e.createElement(e.Fragment,null,e.createElement(_,{isLeft:!0,onClick:function(n){var t;return n.stopPropagation()||(null===(t=N.current)||void 0===t?void 0:t.prev())},isDisabled:0===E,scheme:u,className:"left-arrow ".concat(l),"data-event-category":x,"data-event-action":w,"data-event-label":k}),e.createElement(_,{isLeft:!1,onClick:function(n){var t;return n.stopPropagation()||(null===(t=N.current)||void 0===t?void 0:t.next())},isDisabled:E===N.current.track.details.slides.length-1,scheme:u,className:"right-arrow ".concat(f),"data-event-category":x,"data-event-action":w,"data-event-label":k}))),L&&N.current&&h&&e.createElement("div",{className:"dots"},t([],Array(N.current.track.details.slides.length),!0).map((function(n,t){return e.createElement(S,{key:t,onClick:function(){var n;null===(n=N.current)||void 0===n||n.moveToIdx(t)},"data-is-active":E===t,"data-is-hellosites":"hellosites"===u})}))))};export{j as Carousel};

package/build/esm/components/categoryCard.js

@@ -0,0 +1 @@
+import n from"react";import{Text as e}from"./text.js";import{_ as t}from"../tslib.es6-95636cf4.js";import r from"styled-components";import"../theme-a50a1aa5.js";import"../utils-432904d8.js";var o,a=r.a(o||(o=t(["\n  display: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100})),i=function(t){var r=t.imgBanner,o=t.label,i=t.className,l=t.style,d=t.href,c=void 0===d?"":d,s=t.dataEventCategory,b=t.dataEventAction,p=t.dataEventLabel;return n.createElement(a,{"data-event-category":s,"data-event-action":b,"data-event-label":p,className:i,style:l,href:c,onClick:function(n){""===c&&n.preventDefault()}},n.createElement("div",{className:"banner"},r),n.createElement("div",{className:"content"},n.createElement(e,{className:"category_name",size:"sm",type:"bold"},o)))};export{i as CategoryCard};

package/build/esm/components/checkbox.js

@@ -0,0 +1 @@
+import n from"react";import{_ as e}from"../tslib.es6-95636cf4.js";import{M as r}from"../utils-432904d8.js";import o from"styled-components";var t,i=o.div(t||(t=e(["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),a=function(e){var r=e.label,o=e.name,t=e.checked,a=e.className,c=e.isDisabled,l=e.onChange,s=e.value,d=e.isRectangle;return n.createElement(i,{className:a,"data-disabled":c||void 0,"data-is-rectangle":d||void 0,"data-label-text":r},n.createElement("input",{type:"checkbox",checked:t,name:o,onChange:function(){return l(s,!t)},disabled:c,value:s,id:"".concat(o,"-").concat(s),"data-label-text":r}),!d&&n.createElement("label",{htmlFor:"".concat(o,"-").concat(s)},r))};export{a as Checkbox};

package/build/esm/components/checkboxGroup.js

@@ -0,0 +1 @@
+import n from"react";import{Checkbox as e}from"./checkbox.js";import{_ as a}from"../tslib.es6-95636cf4.js";import i from"styled-components";import"../utils-432904d8.js";var t,r=i.div(t||(t=a(["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"]))),l=function(a){var i=a.name,t=a.values,l=void 0===t?[]:t,o=a.onChanges,c=a.options,d=void 0===c?[]:c,s=a.className,p=a.type,m=void 0===p?"vertical":p,v=a.isDisabled,f=a.isRectangle,g=function(n,e){var a=l.slice();if(e)a.push(n);else{var i=a.findIndex((function(e){return e===n}));a.splice(i,1)}o&&o(a)};return n.createElement(r,{className:s,"data-type":m,"data-is-rectangle":f||void 0},d.map((function(a,t){return n.createElement(e,{label:a.label,name:i,key:"".concat(t,"-").concat(a.value),checked:l.includes(a.value),value:a.value,isDisabled:v||a.disabled,onChange:!v&&g,isRectangle:f})})))};export{l as CheckboxGroup};

package/build/esm/components/childCard.js

@@ -0,0 +1 @@
+import e,{useRef as n,useState as t}from"react";import{u as o}from"../useTranslations-d9bcdd4c.js";import{t as r}from"../theme-a50a1aa5.js";import{Heading as i}from"./heading.js";import{Icon as a}from"./icons.js";import{Text as l}from"./text.js";import{_ as C}from"../tslib.es6-95636cf4.js";import{Menu as s}from"./menu.js";import c from"styled-components";import{u as m}from"../useOutsideClick-6004483a.js";import{s as d}from"../utils-432904d8.js";import{G as p}from"../BabyGrowth-a6bb24d9.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";import"../FullScreen-a24fd8fa.js";var f,h,u,g=c.div(f||(f=C(["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"],["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"])),r.colors.white,r.colors.gray100),x=c.div(h||(h=C(["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"]))),E=c(s)(u||(u=C(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"]))),w=function(t){var i=t.name,a=t.onClose,C=t.onEdit,c=t.onSwitch,d=t.onAdd,p=t.onRemove,f=o().t,h=n();return m(h,a),e.createElement("div",{ref:h},e.createElement(E,{width:250},e.createElement(s.Item,{onClick:C,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.7812 1.83301C12.2987 1.83301 11.8162 2.01676 11.4479 2.38509L10.6667 3.16634L13.3333 5.83301L14.1146 5.05176C14.8506 4.31576 14.8506 3.12176 14.1146 2.38509C13.7463 2.01676 13.2638 1.83301 12.7812 1.83301ZM9.66667 4.16634L2 11.833V14.4997H4.66667L12.3333 6.83301L9.66667 4.16634Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.edit",{name:i}))),e.createElement(s.Item,{onClick:c,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8 2.5C4.9478 2.5 2.4204 4.79359 2.05078 7.7513C2.03763 7.83928 2.04222 7.929 2.06428 8.01518C2.08634 8.10136 2.12542 8.18226 2.17922 8.2531C2.23303 8.32394 2.30046 8.3833 2.37756 8.42768C2.45465 8.47206 2.53985 8.50057 2.62813 8.51152C2.71642 8.52247 2.806 8.51564 2.8916 8.49143C2.9772 8.46723 3.05709 8.42614 3.12657 8.37059C3.19605 8.31503 3.2537 8.24613 3.29615 8.16795C3.33859 8.08978 3.36496 8.00389 3.3737 7.91536C3.66141 5.61307 5.61354 3.83333 8 3.83333C9.34288 3.83333 10.5434 4.39987 11.3919 5.30339L10.0977 6.59766C9.96766 6.72766 9.96766 6.93901 10.0977 7.06901C10.1623 7.13434 10.248 7.16667 10.3333 7.16667H13.3333C13.5101 7.16667 13.6797 7.09643 13.8047 6.9714C13.9298 6.84638 14 6.67681 14 6.5V3.5C14 3.41467 13.967 3.32966 13.9023 3.26432C13.7723 3.13432 13.561 3.13432 13.431 3.26432L12.3359 4.35938C11.2437 3.21415 9.7037 2.5 8 2.5ZM13.2943 8.49089C13.1292 8.48959 12.9695 8.54959 12.8461 8.65928C12.7227 8.76896 12.6444 8.92053 12.6263 9.08464C12.3386 11.3869 10.3865 13.1667 8 13.1667C6.65713 13.1667 5.45884 12.5994 4.60938 11.6953L5.90234 10.4023C6.03234 10.2723 6.03234 10.061 5.90234 9.93099C5.83768 9.86566 5.752 9.83333 5.66667 9.83333H2.66667C2.48986 9.83333 2.32029 9.90357 2.19526 10.0286C2.07024 10.1536 2 10.3232 2 10.5V13.5C2 13.5853 2.03299 13.6703 2.09766 13.7357C2.22766 13.8657 2.43901 13.8657 2.56901 13.7357L3.66536 12.6393C4.75711 13.7836 6.29696 14.5 8 14.5C11.0522 14.5 13.5796 12.2064 13.9492 9.2487C13.9622 9.1548 13.955 9.05922 13.928 8.96833C13.9011 8.87745 13.8552 8.79334 13.7932 8.72163C13.7312 8.64991 13.6546 8.59224 13.5686 8.55245C13.4826 8.51266 13.3891 8.49167 13.2943 8.49089Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.switch"))),e.createElement(s.Item,{onClick:d,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9564 8.56545C15.7745 7.46727 14.9673 6.57273 13.9127 6.26C13.5273 5.44545 12.9818 4.73273 12.32 4.14364C11.1709 3.11818 9.65818 2.5 8 2.5C6.34182 2.5 4.82909 3.11818 3.68 4.14364C3.01091 4.73273 2.46545 5.45273 2.08727 6.26C1.03273 6.57273 0.225455 7.46 0.0436364 8.56545C0.0145455 8.71818 0 8.87818 0 9.04545C0 9.21273 0.0145455 9.37273 0.0436364 9.52545C0.225455 10.6236 1.03273 11.5182 2.08727 11.8309C2.46545 12.6382 3.01091 13.3509 3.66545 13.9327C4.81455 14.9655 6.33455 15.5909 8 15.5909C9.66545 15.5909 11.1855 14.9655 12.3418 13.9327C12.9964 13.3509 13.5418 12.6309 13.92 11.8309C14.9673 11.5182 15.7745 10.6309 15.9564 9.52545C15.9855 9.37273 16 9.21273 16 9.04545C16 8.87818 15.9855 8.71818 15.9564 8.56545ZM6.18182 7.04545C5.67974 7.04545 5.27273 7.45247 5.27273 7.95455C5.27273 8.45662 5.67974 8.86364 6.18182 8.86364C6.6839 8.86364 7.09091 8.45662 7.09091 7.95455C7.09091 7.45247 6.6839 7.04545 6.18182 7.04545ZM9.81818 7.04545C9.3161 7.04545 8.90909 7.45247 8.90909 7.95455C8.90909 8.45662 9.3161 8.86364 9.81818 8.86364C10.3203 8.86364 10.7273 8.45662 10.7273 7.95455C10.7273 7.45247 10.3203 7.04545 9.81818 7.04545ZM5.01821 10.5H10.9818C11.1128 10.5 11.2073 10.6455 11.1491 10.7691C10.5455 11.9109 9.36002 12.6818 8.00002 12.6818C6.64002 12.6818 5.45457 11.9109 4.85093 10.7691C4.78548 10.6455 4.88002 10.5 5.01821 10.5ZM12.9538 10.4875C12.9991 10.4938 13.0435 10.5 13.0909 10.5C13.8909 10.5 14.5455 9.84545 14.5455 9.04545C14.5455 8.24545 13.8909 7.59091 13.0909 7.59091C13.0435 7.59091 12.9991 7.5971 12.9538 7.60343C12.9297 7.60679 12.9053 7.6102 12.88 7.61273C12.7345 7.12545 12.5236 6.67455 12.2545 6.26C11.3455 4.87091 9.78182 3.95455 8 3.95455C6.21818 3.95455 4.65455 4.87091 3.74545 6.26C3.47636 6.67455 3.26545 7.12545 3.12 7.61273C3.09473 7.6102 3.07033 7.60679 3.0462 7.60343C3.0009 7.5971 2.95654 7.59091 2.90909 7.59091C2.10909 7.59091 1.45455 8.24545 1.45455 9.04545C1.45455 9.84545 2.10909 10.5 2.90909 10.5C2.95654 10.5 3.0009 10.4938 3.0462 10.4875C3.07033 10.4841 3.09473 10.4807 3.12 10.4782C3.26545 10.9655 3.47636 11.4164 3.74545 11.8309C4.65455 13.22 6.21818 14.1364 8 14.1364C9.78182 14.1364 11.3455 13.22 12.2545 11.8309C12.5236 11.4164 12.7345 10.9655 12.88 10.4782C12.9053 10.4807 12.9297 10.4841 12.9538 10.4875Z",fill:"#595959"}),e.createElement("path",{d:"M2.5 2V1C2.5 0.725 2.275 0.5 2 0.5C1.725 0.5 1.5 0.725 1.5 1V2H0.5C0.225 2 0 2.225 0 2.5C0 2.775 0.225 3 0.5 3H1.5V4C1.5 4.275 1.725 4.5 2 4.5C2.275 4.5 2.5 4.275 2.5 4V3H3.5C3.775 3 4 2.775 4 2.5C4 2.225 3.775 2 3.5 2H2.5Z",fill:"#595959"}))},e.createElement(l,{size:"p2",color:r.colors.gray800},f("childCard.menu.add"))),e.createElement(s.Item,{onClick:p,icon:e.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6.66699 1.83301L6.00033 2.49967H3.33366C2.93366 2.49967 2.66699 2.76634 2.66699 3.16634C2.66699 3.56634 2.93366 3.83301 3.33366 3.83301H4.66699H11.3337H12.667C13.067 3.83301 13.3337 3.56634 13.3337 3.16634C13.3337 2.76634 13.067 2.49967 12.667 2.49967H10.0003L9.33366 1.83301H6.66699ZM3.33366 5.16634V13.833C3.33366 14.5663 3.93366 15.1663 4.66699 15.1663H11.3337C12.067 15.1663 12.667 14.5663 12.667 13.833V5.16634H3.33366ZM6.00033 6.49967C6.40033 6.49967 6.66699 6.76634 6.66699 7.16634V13.1663C6.66699 13.5663 6.40033 13.833 6.00033 13.833C5.60033 13.833 5.33366 13.5663 5.33366 13.1663V7.16634C5.33366 6.76634 5.60033 6.49967 6.00033 6.49967ZM10.0003 6.49967C10.4003 6.49967 10.667 6.76634 10.667 7.16634V13.1663C10.667 13.5663 10.4003 13.833 10.0003 13.833C9.60033 13.833 9.33366 13.5663 9.33366 13.1663V7.16634C9.33366 6.76634 9.60033 6.49967 10.0003 6.49967Z",fill:"#F44D2C"}))},e.createElement(l,{size:"p2",color:r.colors.red600},f("childCard.menu.remove",{name:i})))))},v=function(e,n){if(e)if(e.year<1){if(0===e.month)switch(e.week){case 0:case 1:return n("childCard.age.oneWeek");default:return n("childCard.age.week",{weeks:e.week})}if(e.month>0)return n("childCard.age.months",{month:e.month})}else{if(0===e.month)return n("childCard.age.yearNoMonth",{year:e.year});if(e.month>0)return n("childCard.age.yearMonth",{year:e.year,month:e.month})}},y=function(n){var C=n.name,s=n.gender,c=n.age,m=n.isLoggedIn,f=void 0!==m&&m,h=n.showMenu,u=void 0!==h&&h,E=n.onEdit,y=n.onSwitch,b=n.onAdd,H=n.onRemove,M=n.className,j=o().t,Z=t(!1),k=Z[0],L=Z[1];return e.createElement(g,{className:M},e.createElement("div",{"data-testid":"gender"},s===p.Boy?e.createElement(a.Boy,{"data-testid":"boy",id:"boy"}):e.createElement(a.Girl,{"data-testid":"girl",id:"girl"})),e.createElement("div",{className:"information"},e.createElement(i,{tag:"h5",fontWeight:"bold",color:r.colors.gray800},d(C)||j("childCard.noName")),e.createElement("div",{className:"detail"},e.createElement("div",null,s===p.Boy?e.createElement(a.GenderBoy,null):e.createElement(a.GenderGirl,null),e.createElement(l,{size:"p3",color:r.colors.gray800,style:{textTransform:"capitalize"}},s)),e.createElement("div",null,e.createElement(a.Calendar,{size:16}),c&&e.createElement(l,{size:"p3",color:r.colors.gray800},v(c,j))))),u&&f&&e.createElement(x,null,e.createElement(a.Kebab,{onClick:function(){return L((function(e){return!e}))}}),k&&e.createElement(w,{name:C,onClose:function(){return L(!1)},onEdit:function(){L(!1),E()},onSwitch:function(){L(!1),y()},onAdd:function(){L(!1),b()},onRemove:function(){L(!1),H()}})))};export{y as ChildCard,v as renderChildAge};

package/build/esm/components/container.js

@@ -0,0 +1 @@
+import n from"react";import{_ as t}from"../tslib.es6-95636cf4.js";import{M as a}from"../utils-432904d8.js";import r from"styled-components";var m,e=r.div(m||(m=t(["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"],["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"])),a.mbDown,a.tdUp),i=function(t){var a=t.children,r=t.className,m=t.style,i=t.type;return n.createElement(e,{className:r,style:m,"data-type":i},a)};export{i as Container};

package/build/esm/components/cookieAcceptConfirm.js

@@ -0,0 +1 @@
+import n from"react";import{_ as e}from"../tslib.es6-95636cf4.js";import{M as t}from"../utils-432904d8.js";import o from"styled-components";var i,r,a,l,d,p,s=o.div(i||(i=e(["\n  padding: 16px;\n  width: 375px;\n  word-wrap: break-word;\n  word-break: break-word;\n  "," {\n    width: 100%;\n  }\n  &[data-theme='helloSites'] {\n    background: ",";\n    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n  }\n  &[data-theme='marryBaby'] {\n    border: none;\n    background: ",";\n    border-radius: 12px 12px 0 0;\n  }\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-default-position='true'] {\n    position: fixed;\n    z-index: 1000;\n    bottom: 0;\n    right: 0;\n    "," {\n      left: 0;\n      right: unset;\n    }\n  }\n"],["\n  padding: 16px;\n  width: 375px;\n  word-wrap: break-word;\n  word-break: break-word;\n  "," {\n    width: 100%;\n  }\n  &[data-theme='helloSites'] {\n    background: ",";\n    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n  }\n  &[data-theme='marryBaby'] {\n    border: none;\n    background: ",";\n    border-radius: 12px 12px 0 0;\n  }\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-default-position='true'] {\n    position: fixed;\n    z-index: 1000;\n    bottom: 0;\n    right: 0;\n    "," {\n      left: 0;\n      right: unset;\n    }\n  }\n"])),t.mbDown,(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink}),t.mbDown),c=o.p(r||(r=e(["\n  position: relative;\n  padding-left: 24px;\n  color: ",";\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  &[data-has-content='true'] {\n    ::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 16px;\n      height: 16px;\n      margin: auto 0;\n      content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n    }\n  }\n"],["\n  position: relative;\n  padding-left: 24px;\n  color: ",";\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  &[data-has-content='true'] {\n    ::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 16px;\n      height: 16px;\n      margin: auto 0;\n      content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n    }\n  }\n"])),(function(n){return n.theme.colors.white})),h=o.p(a||(a=e(["\n  margin-top: 2px;\n  color: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n  a {\n    color: ",";\n    text-decoration: none;\n    text-decoration-line: underline;\n  }\n"],["\n  margin-top: 2px;\n  color: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n  a {\n    color: ",";\n    text-decoration: none;\n    text-decoration-line: underline;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),x=o.div(l||(l=e(["\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  gap: 16px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  gap: 16px;\n"]))),u=o.div(d||(d=e(["\n  padding: 7px 28px;\n  background: ",";\n  border-radius: 6px;\n  color: ",";\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n"],["\n  padding: 7px 28px;\n  background: ",";\n  border-radius: 6px;\n  color: ",";\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.secondaryBase})),g=o.a(p||(p=e(["\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 22px;\n  text-decoration: none;\n  text-decoration-line: underline;\n"],["\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 22px;\n  text-decoration: none;\n  text-decoration-line: underline;\n"])),(function(n){return n.theme.colors.white})),m=function(e){var t=e.className,o=e.policiesUrl,i=e.onAcceptClick,r=e.translations,a=void 0===r?{acceptButton:"Accept",policiesButton:"Our Policies"}:r,l=e.title,d=void 0===l?"":l,p=e.description,m=void 0===p?"":p,f=e.theme,w=void 0===f?"helloSites":f,b=e.isOpen,v=void 0===b||b,C=e.useDefaultPosition,k=void 0===C||C,y=e.trackingAttributes;return n.createElement(s,{className:t,"data-theme":w,"data-is-open":v,"data-default-position":k},n.createElement(c,{"data-has-content":!!d},d),n.createElement(h,{dangerouslySetInnerHTML:{__html:m}}),n.createElement(x,null,n.createElement(u,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:i,"data-event-category":null==y?void 0:y.dataEventCategory,"data-event-action":null==y?void 0:y.dataEventAction,"data-event-label":null==y?void 0:y.dataEventLabel},a.acceptButton),n.createElement(g,{href:o},a.policiesButton)))};export{m as CookieAcceptConfirm};

package/build/esm/components/datePicker.js

@@ -0,0 +1 @@
+import{_ as n,a as e}from"../tslib.es6-95636cf4.js";import r,{useRef as t,useState as a,useEffect as i}from"react";import{format as o}from"date-fns";import c from"react-day-picker/DayPickerInput";import d from"styled-components";var l,p,s={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},y=d.div(l||(l=n(["\n  .pickerContainer {\n    position: relative;\n    padding-top: 0;\n    & > div > svg {\n      position: absolute;\n      top: 36px;\n      right: 16px;\n      cursor: pointer;\n    }\n\n    & > :not(:first-child) {\n      position: absolute;\n      z-index: 1;\n      width: 100%;\n    }\n  }\n\n  &[data-is-static] .pickerOverlayWrapper {\n    position: static;\n    max-width: 250px;\n    aspect-ratio: 1 / 1;\n\n    > .pickerOverlay {\n      padding: 1rem;\n    }\n  }\n\n  .pickerOverlayWrapper {\n    min-width: 320px;\n  }\n\n  &[data-align-right='true'] {\n    .pickerOverlayWrapper {\n      right: 0;\n    }\n  }\n\n  .pickerOverlay {\n    margin-top: 6px;\n    background: white;\n    border-radius: 6px;\n    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n  }\n\n  .picker {\n    width: 100%;\n  }\n\n  .react-datepicker-popper {\n    .react-datepicker {\n      display: flex;\n      width: 340px;\n      height: 305px;\n      align-items: center;\n      justify-content: center;\n      border: none;\n      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n        (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n    }\n\n    .svg {\n      cursor: pointer;\n      stroke: ",";\n    }\n    .react-datepicker__day {\n      width: 40px;\n    }\n\n    .react-datepicker__header {\n      border-bottom: 0;\n      background-color: white;\n    }\n\n    .react-datepicker__day--outside-month {\n      color: #e9e9e9;\n    }\n\n    .react-datepicker__day {\n      font-weight: ",";\n    }\n\n    .react-datepicker__day--selected,\n    .react-datepicker__day--today,\n    .react-datepicker__day--selected:hover,\n    .react-datepicker__day--keyboard-selected {\n      width: 32px;\n      height: 30px;\n      margin: 4px;\n      margin-bottom: -2px;\n      background: ",";\n      border-radius: 50%;\n    }\n\n    .react-datepicker__day-name {\n      width: 40px;\n    }\n\n    .react-datepicker__triangle {\n      display: none;\n    }\n\n    .react-datepicker__header.react-datepicker__header--custom {\n      svg {\n        stroke: #262626;\n      }\n      select {\n        background: ",";\n        text-align: center;\n        &:not(:last-child) {\n          padding: 8px 10px;\n          margin-right: 15px;\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n\n  /* DayPicker styles */\n\n  .DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .DayPicker-wrapper {\n    position: relative;\n\n    flex-direction: row;\n    padding-bottom: 1em;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .DayPicker-Month {\n    display: table;\n    margin: 0 16px;\n    margin-top: 16px;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-NavBar {\n    position: absolute;\n    top: 16px;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 0;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n  }\n\n  .DayPicker-NavButton {\n    width: 24px;\n    height: 24px;\n    margin-bottom: -47px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 16px 16px;\n    color: #8b9898;\n    cursor: pointer;\n  }\n\n  .DayPicker-NavButton:hover {\n    opacity: 0.8;\n  }\n\n  .DayPicker-NavButton--prev {\n    //left: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--next {\n    //right: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .DayPicker-Caption {\n    display: table-caption;\n    width: 100%;\n    height: 46px;\n    padding: 0 32px;\n  }\n\n  .DayPicker-Caption select {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n    text-align: left;\n  }\n\n  .DayPicker-Weekdays {\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .DayPicker-Weekday {\n    display: table-cell;\n    padding: 0.5em;\n    color: #8b9898;\n    font-size: 0.875em;\n    text-align: center;\n  }\n\n  .DayPicker-Weekday abbr[title] {\n    border-bottom: none;\n    text-decoration: none;\n  }\n\n  .DayPicker-Body {\n    display: table-row-group;\n  }\n\n  .DayPicker-Week {\n    display: table-row;\n  }\n\n  .DayPicker-Day {\n    display: table-cell;\n\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .DayPicker-WeekNumber {\n    display: table-cell;\n    min-width: 1em;\n    padding: 0.5em;\n    border-right: 1px solid #eaecec;\n    color: #8b9898;\n    cursor: pointer;\n    font-size: 0.75em;\n    text-align: right;\n    vertical-align: middle;\n  }\n\n  .DayPicker--interactionDisabled .DayPicker-Day {\n    cursor: default;\n  }\n\n  .DayPicker-Footer {\n    padding-top: 0.5em;\n  }\n\n  .DayPicker-TodayButton {\n    border: none;\n    background-color: transparent;\n    background-image: none;\n    box-shadow: none;\n    color: #4a90e2;\n    cursor: pointer;\n    font-size: 0.875em;\n  }\n\n  /* Default modifiers */\n\n  .DayPicker-Day--today {\n    color: #d0021b;\n    font-weight: 700;\n  }\n\n  .DayPicker-Day--outside {\n    color: #8b9898;\n    cursor: default;\n  }\n\n  .DayPicker-Day--disabled {\n    color: #dce0e0;\n    cursor: default;\n    /* background-color: #eff1f1; */\n  }\n\n  /* Example modifiers */\n\n  .DayPicker-Day--sunday {\n    background-color: #f7f8f8;\n  }\n\n  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n    color: #dce0e0;\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n    position: relative;\n\n    background-color: ",";\n    color: #f0f8ff;\n    font-weight: ",";\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n    background-color: #51a0fa;\n  }\n\n  .DayPicker:not(.DayPicker--interactionDisabled)\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n    background-color: #f0f8ff;\n  }\n\n  /* DayPickerInput */\n\n  .DayPickerInput {\n    display: inline-block;\n  }\n\n  .DayPickerInput-OverlayWrapper {\n    position: relative;\n  }\n\n  .DayPickerInput-Overlay {\n    position: absolute;\n    z-index: 1;\n    left: 0;\n\n    background: white;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n  }\n"],["\n  .pickerContainer {\n    position: relative;\n    padding-top: 0;\n    & > div > svg {\n      position: absolute;\n      top: 36px;\n      right: 16px;\n      cursor: pointer;\n    }\n\n    & > :not(:first-child) {\n      position: absolute;\n      z-index: 1;\n      width: 100%;\n    }\n  }\n\n  &[data-is-static] .pickerOverlayWrapper {\n    position: static;\n    max-width: 250px;\n    aspect-ratio: 1 / 1;\n\n    > .pickerOverlay {\n      padding: 1rem;\n    }\n  }\n\n  .pickerOverlayWrapper {\n    min-width: 320px;\n  }\n\n  &[data-align-right='true'] {\n    .pickerOverlayWrapper {\n      right: 0;\n    }\n  }\n\n  .pickerOverlay {\n    margin-top: 6px;\n    background: white;\n    border-radius: 6px;\n    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n  }\n\n  .picker {\n    width: 100%;\n  }\n\n  .react-datepicker-popper {\n    .react-datepicker {\n      display: flex;\n      width: 340px;\n      height: 305px;\n      align-items: center;\n      justify-content: center;\n      border: none;\n      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n        (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n    }\n\n    .svg {\n      cursor: pointer;\n      stroke: ",";\n    }\n    .react-datepicker__day {\n      width: 40px;\n    }\n\n    .react-datepicker__header {\n      border-bottom: 0;\n      background-color: white;\n    }\n\n    .react-datepicker__day--outside-month {\n      color: #e9e9e9;\n    }\n\n    .react-datepicker__day {\n      font-weight: ",";\n    }\n\n    .react-datepicker__day--selected,\n    .react-datepicker__day--today,\n    .react-datepicker__day--selected:hover,\n    .react-datepicker__day--keyboard-selected {\n      width: 32px;\n      height: 30px;\n      margin: 4px;\n      margin-bottom: -2px;\n      background: ",";\n      border-radius: 50%;\n    }\n\n    .react-datepicker__day-name {\n      width: 40px;\n    }\n\n    .react-datepicker__triangle {\n      display: none;\n    }\n\n    .react-datepicker__header.react-datepicker__header--custom {\n      svg {\n        stroke: #262626;\n      }\n      select {\n        background: ",";\n        text-align: center;\n        &:not(:last-child) {\n          padding: 8px 10px;\n          margin-right: 15px;\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n\n  /* DayPicker styles */\n\n  .DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .DayPicker-wrapper {\n    position: relative;\n\n    flex-direction: row;\n    padding-bottom: 1em;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .DayPicker-Month {\n    display: table;\n    margin: 0 16px;\n    margin-top: 16px;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-NavBar {\n    position: absolute;\n    top: 16px;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 0;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n  }\n\n  .DayPicker-NavButton {\n    width: 24px;\n    height: 24px;\n    margin-bottom: -47px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 16px 16px;\n    color: #8b9898;\n    cursor: pointer;\n  }\n\n  .DayPicker-NavButton:hover {\n    opacity: 0.8;\n  }\n\n  .DayPicker-NavButton--prev {\n    //left: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--next {\n    //right: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .DayPicker-Caption {\n    display: table-caption;\n    width: 100%;\n    height: 46px;\n    padding: 0 32px;\n  }\n\n  .DayPicker-Caption select {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n    text-align: left;\n  }\n\n  .DayPicker-Weekdays {\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .DayPicker-Weekday {\n    display: table-cell;\n    padding: 0.5em;\n    color: #8b9898;\n    font-size: 0.875em;\n    text-align: center;\n  }\n\n  .DayPicker-Weekday abbr[title] {\n    border-bottom: none;\n    text-decoration: none;\n  }\n\n  .DayPicker-Body {\n    display: table-row-group;\n  }\n\n  .DayPicker-Week {\n    display: table-row;\n  }\n\n  .DayPicker-Day {\n    display: table-cell;\n\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .DayPicker-WeekNumber {\n    display: table-cell;\n    min-width: 1em;\n    padding: 0.5em;\n    border-right: 1px solid #eaecec;\n    color: #8b9898;\n    cursor: pointer;\n    font-size: 0.75em;\n    text-align: right;\n    vertical-align: middle;\n  }\n\n  .DayPicker--interactionDisabled .DayPicker-Day {\n    cursor: default;\n  }\n\n  .DayPicker-Footer {\n    padding-top: 0.5em;\n  }\n\n  .DayPicker-TodayButton {\n    border: none;\n    background-color: transparent;\n    background-image: none;\n    box-shadow: none;\n    color: #4a90e2;\n    cursor: pointer;\n    font-size: 0.875em;\n  }\n\n  /* Default modifiers */\n\n  .DayPicker-Day--today {\n    color: #d0021b;\n    font-weight: 700;\n  }\n\n  .DayPicker-Day--outside {\n    color: #8b9898;\n    cursor: default;\n  }\n\n  .DayPicker-Day--disabled {\n    color: #dce0e0;\n    cursor: default;\n    /* background-color: #eff1f1; */\n  }\n\n  /* Example modifiers */\n\n  .DayPicker-Day--sunday {\n    background-color: #f7f8f8;\n  }\n\n  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n    color: #dce0e0;\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n    position: relative;\n\n    background-color: ",";\n    color: #f0f8ff;\n    font-weight: ",";\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n    background-color: #51a0fa;\n  }\n\n  .DayPicker:not(.DayPicker--interactionDisabled)\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n    background-color: #f0f8ff;\n  }\n\n  /* DayPickerInput */\n\n  .DayPickerInput {\n    display: inline-block;\n  }\n\n  .DayPickerInput-OverlayWrapper {\n    position: relative;\n  }\n\n  .DayPickerInput-Overlay {\n    position: absolute;\n    z-index: 1;\n    left: 0;\n\n    background: white;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold})),u=d.form(p||(p=n(["\n  display: flex;\n  width: 100%;\n\n  height: 46px;\n  align-items: center;\n  justify-content: space-between;\n  & > :first-child {\n    margin-right: 10px;\n  }\n\n  & * {\n    height: 46px;\n    padding: 10px 10px;\n    background: ",";\n    border-radius: 6px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n\n  height: 46px;\n  align-items: center;\n  justify-content: space-between;\n  & > :first-child {\n    margin-right: 10px;\n  }\n\n  & * {\n    height: 46px;\n    padding: 10px 10px;\n    background: ",";\n    border-radius: 6px;\n  }\n"])),(function(n){return n.theme.colors.neutral100})),k=function(n){var d=n.alignRight,l=void 0===d||d,p=n.placeholder,k=n.displayDateFormat,g=n.onChange,h=n.customInput,b=n.pickedDate,m=n.className,D=n.isStatic,x=n.disabledDays,f=n.modifiers,w=n.UnHideOnClickOutside,v=n.initialMonth,P=n.locale,_=void 0===P?"en-PH":P,C=t(!1),E=o,O=a(v||new Date),B=O[0],N=O[1],W=t(null),z=t(null),M=s[_],T=function(n){w||W.current&&W.current.contains(n.target)||z.current&&z.current.hideDayPicker()},j=(new Date).getFullYear(),I=new Date(j-150,0),L=new Date(j+1,0),F=function(n){for(var e=n.date,t=n.onChange,a=n.monthLabels,i=[],o=L.getFullYear();o>=I.getFullYear();o-=1)i.push(o);var c=function(n){var e=n.target.form,r=e.year,a=e.month;t(new Date(r.value,a.value))};return r.createElement("div",{className:"DayPicker-Caption"},r.createElement(u,null,r.createElement("select",{name:"month",onChange:c,value:e.getMonth()},a.map((function(n,e){return r.createElement("option",{key:n,value:e},n)}))),r.createElement("select",{name:"year",onChange:c,value:e.getFullYear()},i.map((function(n){return r.createElement("option",{key:n,value:n},n)})))))};return i((function(){return document.addEventListener("mousedown",T,!1),function(){document.removeEventListener("mousedown",T,!1)}}),[]),r.createElement(y,{className:m,"data-align-right":l,ref:W,"data-is-static":D||void 0},r.createElement(c,{ref:z,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:h&&r.forwardRef((function(n,t){return r.createElement(h,e({},n))})),onDayPickerHide:function(){C.current=!1},onDayPickerShow:function(){C.current=!0},dayPickerProps:{month:B,className:"picker",selectedDays:b,canChangeMonth:!0,enableOutsideDaysClick:!D,firstDayOfWeek:1,captionElement:function(n){var e=n.date,t=n.localeUtils,a=null==t?void 0:t.getMonths();return r.createElement(F,{date:e,monthLabels:M||a,onChange:N})},disabledDays:x||void 0,modifiers:f},format:k||"yyyy-MM-dd",formatDate:function(n,e){return E(n,e)},hideOnDayClick:!D,placeholder:p||"",onDayChange:function(n){var e;e=n,z.current&&!D&&z.current.hideDayPicker(),g&&g(e)},showOverlay:D}))};export{k as DatePicker};

package/build/esm/components/dateRangePicker.js

@@ -0,0 +1 @@
+import n,{useState as e,useMemo as t,useEffect as o,useRef as r}from"react";import{isBefore as a,startOfMonth as i,addMonths as l,format as s,subMonths as d,getDaysInMonth as c,isToday as u,isSameDay as p,isWithinInterval as m,isAfter as f,isPast as g}from"date-fns";import{PureInput as h}from"./pureInput.js";import{u as x}from"../useOutsideClick-6004483a.js";import{a as v,_ as b}from"../tslib.es6-95636cf4.js";import w from"date-fns/locale/en-US";import y from"date-fns/locale/id";import k from"date-fns/locale/vi";import E from"date-fns/locale/zh-TW";import{Button as j}from"./button.js";import{u as C}from"../useScreenSize-fc434740.js";import{u as D}from"../useTranslations-d9bcdd4c.js";import M from"styled-components";import{M as z}from"../utils-432904d8.js";import"./label.js";import"../translationsContext-873337b8.js";import"../_commonjsHelpers-406f2e34.js";var H=M.div(F||(F=b(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),V=M.div(L||(L=b(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),B=M.div(P||(P=b(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),z.mbDown),N=M.div(S||(S=b(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),T=M(N)(I||(I=b(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));M.div(U||(U=b(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var F,L,P,S,I,U,R,W,Z,_,O,Y,q,A=M.div(R||(R=b(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(n){return n.theme.colors.gray800})),G=M.div(W||(W=b(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.neutral100})),J=M.div(Z||(Z=b(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),K=M.div(_||(_=b(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Q=M(N)(O||(O=b([""],[""]))),X=M.div(Y||(Y=b(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),z.mbUp,(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray100})),$=M.div(q||(q=b(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),z.mbDown,z.mbUp,(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase})),nn={"en-PH":w,"vi-VN":k,"zh-TW":E,"id-ID":y};function en(o){var r=o.value,a=void 0===r?{from:null,to:null}:r,s=e(null),c=s[0],u=s[1],p=C().isMobile,m=e((function(){return a})),f=m[0],g=m[1],h=e((function(){var n;return i(null!==(n=a.from)&&void 0!==n?n:new Date)})),x=h[0],b=h[1],w=t((function(){return l(x,1)}),[x]);var y=v(v({},o),{goToNextMonth:function(){b((function(n){return l(n,1)}))},goToPreviousMonth:function(){b((function(n){return d(n,1)}))},range:f,setRange:g,hoverDay:c,setHoverDay:u});return n.createElement(n.Fragment,null,n.createElement(tn,v({},y,{date:x})),!p&&n.createElement(G,null),!p&&n.createElement(tn,v({},y,{date:w})))}function tn(e){var r=e.date,i=e.range,l=e.setRange,d=e.onChange,h=e.goToPreviousMonth,x=e.goToNextMonth,b=e.minDate,w=e.maxDate,y=e.close,k=void 0===y?function(){}:y,E=e.autoClose,C=void 0!==E&&E,M=e.hoverDay,z=e.setHoverDay,N=D().locale,F=t((function(){var n;return null!==(n=nn[N])&&void 0!==n?n:nn["en-PH"]}),[N]),L=t((function(){return s(r,"MMMM",{locale:F})}),[r,F]),P=t((function(){return F?[1,2,3,4,5,6,0].map((function(n){return F.localize.day(n,{width:"narrow"})})):[]}),[F]);function S(e,t){if(null===e)return n.createElement(X,{key:"idx-".concat(t),"data-empty":"true"});var o=e.getDate(),r=u(e),s=!!i.from&&p(i.from,e),d=!!i.to&&p(i.to,e),c=s||d,h=!1;null!==M&&i.from&&a(i.from,M)&&!i.to?h=m(e,{start:i.from,end:M}):i.from&&i.to&&(h=m(e,{start:i.from,end:i.to}));var x=!1;return b&&w?x=!m(e,{start:b,end:w}):b?x=a(e,b):w&&(x=f(e,w)),n.createElement(X,{key:o,"data-is-today":r,"data-is-past":!r&&g(e),"data-is-selected":c,"data-is-disabled":x,"data-in-range":h,"data-is-from":s,"data-is-to":d,onMouseEnter:function(){z(e)},onMouseLeave:function(){return z(null)},onClick:function(){x||l((function(n){return C&&i.from&&!i.to&&k(),function(n,e){return e.from||e.to?e.from&&e.to?{from:n,to:null}:e.from?a(n,e.from)?v(v({},e),{from:n}):v(v({},e),{to:n}):e:v(v({},e),{from:n})}(e,n)}))}},n.createElement($,{onClick:function(){}},n.createElement("p",null,o)))}return o((function(){i.from&&i.to&&d(i)}),[i]),n.createElement(H,{className:"calendar-wrapper"},n.createElement(B,null,n.createElement(j,{onClick:h,size:"md",color:"ghost",icon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),n.createElement("div",{className:"calendar-month"},L,n.createElement("strong",null,s(r,"yyyy"))),n.createElement(j,{onClick:x,size:"md",color:"ghost",icon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),n.createElement(V,null,n.createElement("div",null,n.createElement(T,null,P.map((function(e,t){return n.createElement(A,{key:"".concat(e,"-").concat(t)},e)})))),n.createElement("div",null,function(){for(var e=r.getFullYear(),t=r.getMonth(),o=c(r),a=[],l=1;l<=o;l++)a.push(new Date(e,t,l));var s=a[0]?a[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(l=0;l<d;l++)a.unshift(null)}return n.createElement(K,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(i.from&&i.to)},n.createElement(J,null,n.createElement(Q,null,a.map(S))))}())))}var on,rn,an=M.div(on||(on=b(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),z.mbDown),ln=M.div(rn||(rn=b(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray200}),z.mbDown);function sn(o){var a=o.inputSize,i=void 0===a?"md":a,l=o.name,d=void 0===l?"date-range-picker":l,c=o.value,u=o.minDate,m=o.maxDate,f=o.onChange,g=o.className,v=o.autoClose,b=void 0!==v&&v;c||(c={from:null,to:null});var w=e(!1),y=w[0],k=w[1];function E(){k(!1)}var j=r(null);function C(n){f&&f(n)}function D(n){return s(n,"dd/MM/yyyy")}x(j,(function(){E()}));var M=t((function(){return c.from&&c.to?p(c.from,c.to)?D(c.from):"".concat(D(c.from)," - ").concat(D(c.to)):""}),[c.from,c.to]);return n.createElement(an,{className:[g,y&&"focused"].filter(Boolean).join(" "),ref:j},n.createElement("label",{htmlFor:d},n.createElement(h,{size:i,value:M,name:d,actionIcon:n.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),autoFocus:!1,onFocus:function(){return k(!0)}})),y?n.createElement(ln,{onMouseDown:function(n){n.stopPropagation()}},n.createElement(en,{value:c,onChange:C,minDate:u,maxDate:m,close:E,autoClose:b})):null)}export{sn as DateRangePicker};

package/build/esm/components/displayWrapper.js

@@ -0,0 +1 @@
+import"react";export{D as DisplayWrapper}from"../index-52fcdd30.js";import"../useScreenSize-fc434740.js";import"../utils-432904d8.js";import"../tslib.es6-95636cf4.js";import"styled-components";

package/build/esm/components/divider.js

@@ -0,0 +1 @@
+import r from"react";import{_ as e}from"../tslib.es6-95636cf4.js";import t from"styled-components";var o,n=t.hr(o||(o=e(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(r){return r.theme.colors.neutral200}),(function(r){return r.dividerType})),d=function(e){var t=e.type,o=void 0===t?"solid":t,d=e.className,i=e.style;return r.createElement(n,{style:i,className:d,"data-diver-type":o,dividerType:o})};export{d as Divider};

package/build/esm/components/doctorInfo.js

@@ -0,0 +1 @@
+import{_ as n}from"../tslib.es6-95636cf4.js";import e from"react";import{Text as i}from"./text.js";import t from"styled-components";import"../theme-a50a1aa5.js";import"../utils-432904d8.js";var r,p=t.figure(r||(r=n(["\n  display: flex;\n\n  > img,\n  svg,\n  picture {\n    width: 40px;\n    height: 40px;\n    margin-right: 1rem;\n    border-radius: 6px;\n    object-fit: cover;\n  }\n\n  > figcaption {\n    p + p {\n      margin-top: 2px;\n    }\n  }\n"],["\n  display: flex;\n\n  > img,\n  svg,\n  picture {\n    width: 40px;\n    height: 40px;\n    margin-right: 1rem;\n    border-radius: 6px;\n    object-fit: cover;\n  }\n\n  > figcaption {\n    p + p {\n      margin-top: 2px;\n    }\n  }\n"]))),o=function(n){var t=n.name,r=n.description,o=n.image,m=n.isDescriptionHidden;return e.createElement(p,null,o,!m&&e.createElement("figcaption",null,e.createElement(i,{size:"p4",type:"bold"},t),e.createElement(i,{size:"p4"},r)))};export{o as DoctorInfo};

package/build/esm/components/drawer.js

@@ -0,0 +1 @@
+import n,{useRef as e,useEffect as t}from"react";import{t as i,a as o}from"../utils-432904d8.js";import{createPortal as a}from"react-dom";import{Backdrop as r}from"./backdrop.js";import{Text as s}from"./text.js";import{_ as d}from"../tslib.es6-95636cf4.js";import{t as l}from"../theme-a50a1aa5.js";import p,{css as u}from"styled-components";import{s as m,e as f,b as x,f as c,c as h,g as w,a as C,d as b}from"../animation-c611f996.js";var g,v,y,O,E,L,j,k,z,N,B,T,F,I,M=p.div(B||(B=d(["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  pointer-events: ",";\n"],["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  pointer-events: ",";\n"])),l.zIndexes.drawer,(function(n){return n.open?"auto":"none"})),P=p.div(F||(F=d(["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"],["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"])),(function(n){return n.open?"visible":"hidden"}),(function(n){return n.hasTitle?u(T||(T=d(["\n            border-bottom: 1px solid ",";\n          "],["\n            border-bottom: 1px solid ",";\n          "])),l.colors.neutral100):null}),(function(n){return function(n,e){switch(n){case"top":return u(v||(v=d(["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?u(g||(g=d(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),C,"600ms"):null,b,"600ms");case"right":return u(O||(O=d(["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?u(y||(y=d(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),h,"600ms"):null,w,"600ms");case"bottom":return u(L||(L=d(["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?u(E||(E=d(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),m,"600ms"):null,f,"600ms");case"left":return u(k||(k=d(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?u(j||(j=d(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),x,"600ms"):null,c,"600ms");default:return u(N||(N=d(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?u(z||(z=d(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),m,"600ms"):null,f,"600ms")}}(n.placement,n.open)})),V=p.div(I||(I=d(["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"],["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"]))),Z=function(d){var l=d.children,p=d.title,u=d.onClose,m=d.open,f=void 0!==m&&m,x=d.placement,c=void 0===x?"left":x,h=d.destroyOnClose,w=void 0!==h&&h,C=d.className,b=e();t((function(){return i(f),function(){return i(!1)}}),[f]);var g=function(){b.current.classList.add("slideOut"),setTimeout((function(){u()}),800)};return!f&&w?null:a(n.createElement(n.Fragment,null,n.createElement(M,{className:C,open:f},n.createElement(r,{open:f,onClickOutside:g}),n.createElement(P,{open:f,placement:c,ref:b,hasTitle:Boolean(p)},n.createElement("div",{className:"title"},p&&n.createElement(s,{size:"s2",type:"semiBold"},p),n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:g},n.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),n.createElement(V,{onClick:function(n){return n.stopPropagation()}},l&&(n.isValidElement(l)?l:"function"==typeof l?l({internalClose:g}):null))))),o())};export{Z as Drawer};

package/build/esm/components/dropdown.js

@@ -0,0 +1 @@
+import{_ as n,a as e}from"../tslib.es6-95636cf4.js";import o from"react";import t from"styled-components";var i,a,r,d,p,l,s=t.div(i||(i=n(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),x=t.div(a||(a=n(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),g=t.ul(r||(r=n(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),u=t.li(d||(d=n(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),c=t.div(p||(p=n(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),b=t.div(l||(l=n(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"]))),h=function(n){var t=n.className,i=n.value,a=n.options,r=n.onChange,d=void 0===r?function(){}:r,p=n.id,l=n.placeholderIcon,h=n.placeholder,v=n.style,m=n.size,w=void 0===m?"lg":m,f=n.groupedWithLabel,k=n.disabled,E=n.dropdownLabelTrackingAttributes,y=void 0===E?{}:E,z=n.isNativeSelect,C=void 0!==z&&z,L=o.useState(!1),B=L[0],j=L[1],A=function(){return!k&&j(!B)};return C?o.createElement(s,{as:"select","data-is-native":"true",value:(null==i?void 0:i.value)||void 0,disabled:k,onChange:function(n){if("string"==typeof n.target.value){var e=a.find((function(e){return e.value===n.target.value}));e&&d(e)}}},h&&o.createElement("option",{value:h,disabled:!0,selected:!0},h),a.map((function(n){return o.createElement("option",{key:"".concat(p,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):o.createElement(s,{className:t,"data-dropdown-open":B||void 0,"data-size":w,id:p,"data-has-icons":!!l,style:v,onBlur:function(){return j(!1)},tabIndex:0,"data-disabled":k},!!f&&o.createElement(b,null,f),o.createElement(x,e({onClick:A,className:f&&"with-label"},y),l," ",o.createElement("span",null,i&&i.value?i.label:h)),B&&o.createElement(g,{onClick:A,"data-has-icons":!!l},a.map((function(n){return o.createElement(u,{key:"".concat(p,"-").concat(n.value),"data-selected":i&&i.value===n.value||void 0,onClick:function(){return!n.disabled&&!k&&(null==d?void 0:d(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&o.createElement(c,null,n.icon),n.label)}))))};export{h as Dropdown};

package/build/esm/components/dropdownSearch.js

@@ -0,0 +1 @@
+import{_ as n,a as e}from"../tslib.es6-95636cf4.js";import t,{useState as o,useRef as i,useMemo as a}from"react";import r from"styled-components";import{PureInput as d}from"./pureInput.js";import"./label.js";import"../utils-432904d8.js";r.img(p||(p=n(["\n  width: 24px;\n  height: 24px;\n"],["\n  width: 24px;\n  height: 24px;\n"])));var p,l,s,x,c,u,g,h=r.div(l||(l=n(["\n  position: relative;\n  border: 1px solid ",";\n  background-position: right 16px center;\n  border-radius: 6px;\n  background-color: ",";\n\n  &[data-has-icons='true'] {\n    border: none;\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      z-index: 0;\n      padding: 8px 0px;\n    }\n\n    &[data-is-open='false'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99968 11.7259L6.81551 8.54171C6.47051 8.19671 5.91051 8.19671 5.56551 8.54171C5.22051 8.88671 5.22051 9.44671 5.56551 9.79171L9.41051 13.6367C9.73635 13.9625 10.2638 13.9625 10.5888 13.6367L14.4338 9.79171C14.7788 9.44671 14.7788 8.88671 14.4338 8.54171C14.0888 8.19671 13.5288 8.19671 13.1838 8.54171L9.99968 11.7259Z' fill='%23595959'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n    &[data-is-open='true'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66675 10.0001C1.66675 5.39175 5.39175 1.66675 10.0001 1.66675C14.6084 1.66675 18.3334 5.39175 18.3334 10.0001C18.3334 14.6084 14.6084 18.3334 10.0001 18.3334C5.39175 18.3334 1.66675 14.6084 1.66675 10.0001ZM12.4084 13.5834C12.7334 13.9084 13.2584 13.9084 13.5834 13.5834C13.9001 13.2584 13.9001 12.7251 13.5834 12.4084L11.1751 10.0001L13.5834 7.59175C13.9084 7.26675 13.9084 6.74175 13.5834 6.41675C13.2584 6.09175 12.7334 6.09175 12.4084 6.41675L10.0001 8.82508L7.59175 6.41675C7.26675 6.09175 6.74175 6.09175 6.41675 6.41675C6.2607 6.57244 6.17301 6.78382 6.17301 7.00425C6.17301 7.22468 6.2607 7.43606 6.41675 7.59175L8.82508 10.0001L6.41675 12.4084C6.2607 12.5641 6.17301 12.7755 6.17301 12.9959C6.17301 13.2163 6.2607 13.4277 6.41675 13.5834C6.74175 13.9084 7.26675 13.9084 7.59175 13.5834L10.0001 11.1751L12.4084 13.5834Z' fill='%238C8C8C'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n\n    &:disabled {\n      > div::after {\n        display: none;\n      }\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  position: relative;\n  border: 1px solid ",";\n  background-position: right 16px center;\n  border-radius: 6px;\n  background-color: ",";\n\n  &[data-has-icons='true'] {\n    border: none;\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      z-index: 0;\n      padding: 8px 0px;\n    }\n\n    &[data-is-open='false'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99968 11.7259L6.81551 8.54171C6.47051 8.19671 5.91051 8.19671 5.56551 8.54171C5.22051 8.88671 5.22051 9.44671 5.56551 9.79171L9.41051 13.6367C9.73635 13.9625 10.2638 13.9625 10.5888 13.6367L14.4338 9.79171C14.7788 9.44671 14.7788 8.88671 14.4338 8.54171C14.0888 8.19671 13.5288 8.19671 13.1838 8.54171L9.99968 11.7259Z' fill='%23595959'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n    &[data-is-open='true'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66675 10.0001C1.66675 5.39175 5.39175 1.66675 10.0001 1.66675C14.6084 1.66675 18.3334 5.39175 18.3334 10.0001C18.3334 14.6084 14.6084 18.3334 10.0001 18.3334C5.39175 18.3334 1.66675 14.6084 1.66675 10.0001ZM12.4084 13.5834C12.7334 13.9084 13.2584 13.9084 13.5834 13.5834C13.9001 13.2584 13.9001 12.7251 13.5834 12.4084L11.1751 10.0001L13.5834 7.59175C13.9084 7.26675 13.9084 6.74175 13.5834 6.41675C13.2584 6.09175 12.7334 6.09175 12.4084 6.41675L10.0001 8.82508L7.59175 6.41675C7.26675 6.09175 6.74175 6.09175 6.41675 6.41675C6.2607 6.57244 6.17301 6.78382 6.17301 7.00425C6.17301 7.22468 6.2607 7.43606 6.41675 7.59175L8.82508 10.0001L6.41675 12.4084C6.2607 12.5641 6.17301 12.7755 6.17301 12.9959C6.17301 13.2163 6.2607 13.4277 6.41675 13.5834C6.74175 13.9084 7.26675 13.9084 7.59175 13.5834L10.0001 11.1751L12.4084 13.5834Z' fill='%238C8C8C'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n\n    &:disabled {\n      > div::after {\n        display: none;\n      }\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.blue200})),b=r.div(s||(s=n(["\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),v=r.ul(x||(x=n(["\n  position: absolute;\n  z-index: 100;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  max-height: 500px;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n  overflow-y: auto;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  z-index: 100;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  max-height: 500px;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n  overflow-y: auto;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),m=r.li(c||(c=n(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 6px 18px 6px 16px;\n  &:hover,\n  :active {\n    background: ",";\n  }\n  .dropdown-label {\n    line-height: 20px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 6px 18px 6px 16px;\n  &:hover,\n  :active {\n    background: ",";\n  }\n  .dropdown-label {\n    line-height: 20px;\n  }\n"])),(function(n){return n.theme.colors.gray100})),w=r.div(u||(u=n(["\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n"],["\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n"]))),f=r(d)(g||(g=n(["\n  input {\n    padding: 12px 36px 12px 48px;\n  }\n\n  &[data-has-display-icon] input {\n    padding: 12px 36px 12px 48px;\n  }\n  .displayIcon {\n    img {\n      width: 24px;\n      max-width: unset;\n      height: 24px;\n    }\n  }\n"],["\n  input {\n    padding: 12px 36px 12px 48px;\n  }\n\n  &[data-has-display-icon] input {\n    padding: 12px 36px 12px 48px;\n  }\n  .displayIcon {\n    img {\n      width: 24px;\n      max-width: unset;\n      height: 24px;\n    }\n  }\n"]))),C=function(n){var r=n.className,d=n.style,p=n.id,l=n.placeholder,s=n.placeholderIcon,x=n.onChange,c=n.value,u=n.options,g=n.dropdownLabelTrackingAttributes,C=n.disabled,k=n.onSearchChange,y=n.useSearchFilter,L=void 0===y||y,E=o(""),z=E[0],A=E[1],j=t.useState(!1),B=j[0],I=j[1],M=i(null);var Z=a((function(){return z&&L?(n=u,e="".concat(z).toLowerCase(),n.filter((function(n){return"".concat(n.value).toLowerCase().includes(e)||"".concat(n.label).toLowerCase().includes(e)}))):c?u.filter((function(n){return n.value!==c.value})):u;var n,e}),[z,u,c]);return t.createElement(h,{className:r,"data-dropdown-open":B||void 0,id:p,"data-has-icons":!0,"data-is-open":B,ref:M,onBlur:function(n){(!n.relatedTarget||"id"in n.relatedTarget&&n.relatedTarget.id!==p)&&I(!1)},style:d,tabIndex:0},t.createElement(b,e({onClick:function(n){var e,t;"true"===(null===(t=null===(e=n.target)||void 0===e?void 0:e.getAttribute)||void 0===t?void 0:t.call(e,"data-is-open"))&&(A(""),x(null,""),null==k||k("")),!C&&I(!0)},"data-is-open":B},g),t.createElement(f,e({name:"dropdown-input",autoFocus:!1,displayIcon:s,size:"md",onChange:function(n){x(null,n),A(n),null==k||k(z)},placeholder:l,value:c&&c.value?"".concat(c.label):z,isDisabled:C},g))),B&&Z.length>0&&t.createElement(v,{onClick:function(n){var e,t;"true"===(null===(t=null===(e=n.target)||void 0===e?void 0:e.getAttribute)||void 0===t?void 0:t.call(e,"data-is-open"))&&(A(""),x(null,"")),!C&&I(!B)},className:"dropdown-option","data-has-icons":!0},Z.map((function(n){return t.createElement(m,{key:"".concat(p,"-").concat(n.value),"data-selected":c&&c.value===n.value||void 0,onClick:function(){!C&&(null==x||x(n,n.value))}},n.icon&&t.createElement(w,null,n.icon),t.createElement("div",{className:"dropdown-label"},n.label))}))))};export{C as DropdownSearch};

package/build/esm/components/fileDropdown.js

@@ -0,0 +1 @@
+import n,{useState as e,useRef as r}from"react";import{_ as t}from"../tslib.es6-95636cf4.js";import o from"styled-components";var a,i,l,p,d,s=o.div(a||(a=t(["\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      vertical-align: middle;\n      display: inline-block;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    }\n    > div::after {\n      content: '';\n      right: 12px;\n      top: 50%;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      width: 10px;\n      height: 8px;\n      position: absolute;\n      background-repeat: no-repeat;\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      vertical-align: middle;\n      display: inline-block;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    }\n    > div::after {\n      content: '';\n      right: 12px;\n      top: 50%;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      width: 10px;\n      height: 8px;\n      position: absolute;\n      background-repeat: no-repeat;\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200})),c=o.div(i||(i=t(["\n  padding: 12px 18px 12px 16px;\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"],["\n  padding: 12px 18px 12px 16px;\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),x=o.ul(l||(l=t(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    background: white;\n    box-shadow: none;\n    border: 1px solid ",";\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    background: white;\n    box-shadow: none;\n    border: 1px solid ",";\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),u=o.li(p||(p=t(["\n  margin: 8px;\n  padding: 12px 18px 12px 16px;\n  border-radius: 6px;\n  display: flex;\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  margin: 8px;\n  padding: 12px 18px 12px 16px;\n  border-radius: 6px;\n  display: flex;\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),g=o.div(d||(d=t(["\n  display: flex;\n  align-items: center;\n  margin-right: 8px;\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  margin-right: 8px;\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"]))),h=function(t){var o=t.className,a=t.value,i=t.options,l=t.onUploadSelected,p=t.id,d=t.placeholderIcon,h=t.placeholder,m=t.style,b=e(!1),w=b[0],v=b[1],f=function(){return v(!w)},k=r(i.map((function(e){return"upload"===e.type&&n.createElement("input",{id:"uploader-dropdown-input-"+p+"-"+e.value,key:"uploader-dropdown-input-"+p+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(n){console.log("change"),l(n.target.files)}})}))),y=n.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},n.createElement("defs",null,n.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},n.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),n.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),n.createElement("title",null,"File"),n.createElement("g",{clipPath:"url(#prefix__clip-path)"},n.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),n.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),E=n.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},n.createElement("defs",null,n.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),n.createElement("title",null,"download"),n.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),_=n.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},n.createElement("defs",null,n.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),n.createElement("title",null,"upload"),n.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return n.createElement(s,{className:o,"data-dropdown-open":!!w,id:p,"data-has-icons":!0,style:m,onBlur:function(){return v(!1)},tabIndex:0},n.createElement(c,{onClick:f},d||y," ",n.createElement("span",null,a&&a.value?a.label:h)),w&&n.createElement(x,{onClick:f,"data-has-icons":!0},i.map((function(e){return n.createElement(u,{key:"".concat(p,"-").concat(e.value),"data-selected":a&&a.value===e.value||void 0,onClick:function(){return"upload"===e.type?function(n){var e;null===(e=document.querySelector(n))||void 0===e||e.click()}("#uploader-dropdown-input-"+p+"-"+e.value):void((n=e.url)&&window.open(n,"_blank"));var n}},n.createElement(g,null,e.icon||"download"===e.type?E:_),e.label)}))),n.createElement(n.Fragment,null,k.current))};export{h as FileDropdown};

package/build/esm/components/flag.js

@@ -0,0 +1 @@
+import e,{useRef as t}from"react";import{a as l,b as n,_ as i}from"../tslib.es6-95636cf4.js";import a from"styled-components";var r,h=function(t){return e.createElement("img",l({src:"data:image/png;base64,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",style:l({borderRadius:"50%"},t.style)},t))},c=function(t){return e.createElement("img",l({src:"data:image/png;base64,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"},t))},A=function(t){return e.createElement("svg",l({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:l({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),e.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),e.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),e.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),e.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),e.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),e.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),e.createElement("path",{d:"M0.686034 7.50024H0.327527C0.243026 7.82775 0.175524 8.16076 0.124023 8.50026H2.32207L0.686034 7.50024Z",fill:"white"}),e.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),e.createElement("path",{d:"M2.10956 11.5002H0.124023C0.175024 11.8398 0.243026 12.1728 0.327527 12.5003H0.47403L2.10956 11.5002Z",fill:"white"}),e.createElement("path",{d:"M8.50002 7.27665V0.124512C8.16051 0.175513 7.82751 0.243514 7.5 0.328016V6.66564L8.50002 7.27665Z",fill:"white"}),e.createElement("path",{d:"M11.5 12.2913V19.8759C11.8395 19.8249 12.1725 19.7569 12.5 19.6724V12.9023L11.5 12.2913Z",fill:"white"}),e.createElement("path",{d:"M7.5 13.205V19.6721C7.82751 19.7566 8.16051 19.8241 8.50002 19.8756V12.594L7.5 13.205Z",fill:"white"}),e.createElement("path",{d:"M11.5925 7.34715L11.7345 7.43415L12.5 6.96614V0.328016C12.1725 0.243514 11.8395 0.176013 11.5 0.124512V7.49865L11.5925 7.34715Z",fill:"white"}),e.createElement("path",{d:"M2.32251 8.50002H7.01761L8.50014 7.594V7.277L7.50011 6.66548L2.37852 3.53442C1.95151 4.03743 1.572 4.58144 1.24949 5.16296L5.02507 7.5H2.29701L0.650482 6.47648C0.54748 6.74949 0.455478 7.02699 0.375977 7.3105L0.686483 7.5L2.32251 8.50002Z",fill:"white"}),e.createElement("path",{d:"M11.7344 7.43419L13.4784 8.50021H18.171L19.6905 7.57119C19.528 6.92118 19.303 6.29767 19.02 5.70516L16.139 7.50019H13.4109L18.317 4.45013C18.1515 4.20313 17.9735 3.96562 17.7875 3.73462L12.4999 6.96618L11.7344 7.43419Z",fill:"white"}),e.createElement("path",{d:"M5.02448 7.50013L1.2494 5.16309C1.0169 5.58259 0.821394 6.0231 0.650391 6.47661L2.29642 7.50013H5.02448Z",fill:"#E53935"}),e.createElement("path",{d:"M16.1392 7.50024L19.0207 5.70521C18.8132 5.2702 18.5837 4.84819 18.3177 4.45068L13.4111 7.50024H16.1392Z",fill:"#E53935"}),e.createElement("path",{d:"M11.5 11.5002V12.2913L12.5 12.9023L17.8556 16.1758C18.2416 15.6853 18.5836 15.1593 18.8736 14.6008L15.4856 12.5003H18.2136L19.4432 13.2673C19.5507 12.9563 19.6432 12.6393 19.7197 12.3153L18.3871 11.5002H11.5Z",fill:"white"}),e.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),e.createElement("path",{d:"M8.49934 12.5943V11.5002H2.10921L0.473182 12.5003L0.34668 12.5778C0.522683 13.2383 0.762688 13.8713 1.06319 14.4708L4.16375 12.5003H6.89181L1.80071 15.7168C1.95971 15.9448 2.12471 16.1688 2.30172 16.3823L7.49932 13.2053L8.49934 12.5943Z",fill:"white"}),e.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),e.createElement("path",{d:"M15.4854 12.5L18.8729 14.6C19.0949 14.173 19.2834 13.727 19.4429 13.2665L18.2134 12.5H15.4854Z",fill:"#E53935"}),e.createElement("path",{d:"M4.16501 12.5L1.06445 14.4705C1.28196 14.9045 1.52596 15.3216 1.80197 15.7166L6.89307 12.5H4.16501Z",fill:"#E53935"}),e.createElement("path",{d:"M13.4785 8.5H11.5V11.5001H18.3871H19.8757C19.9497 11.0095 20.0002 10.511 20.0002 10C20.0002 9.48902 19.9497 8.99051 19.8757 8.5H18.1711H13.4785Z",fill:"#E53935"}),e.createElement("path",{d:"M8.50017 11.5001V8.5H7.01764H2.32255H0.124502C0.050501 8.99051 0 9.48902 0 10C0 10.511 0.050501 11.0095 0.124502 11.5001H2.11004H8.50017Z",fill:"#E53935"}),e.createElement("path",{d:"M11.5001 19.8759V12.2912V11.5002V8.50016V7.49865V0.124502C11.0095 0.050501 10.511 0 10 0C9.48902 0 8.99051 0.050501 8.5 0.124502V7.27664V7.59365V8.50016V11.5002V12.5942V19.8759C8.99051 19.9499 9.48902 20.0004 10 20.0004C10.511 20.0004 11.0095 19.9499 11.5001 19.8759Z",fill:"#E53935"})))},E=function(t){return e.createElement("svg",l({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},e.createElement("path",{d:"M1.08301 7.41675C1.08301 6.31218 1.97844 5.41675 3.08301 5.41675H22.9163C24.0209 5.41675 24.9163 6.31218 24.9163 7.41675V18.5834C24.9163 19.688 24.0209 20.5834 22.9163 20.5834H3.08301C1.97844 20.5834 1.08301 19.688 1.08301 18.5834V7.41675Z",fill:"#3F51B5"})),e.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),e.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),e.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),e.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),e.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),e.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),e.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),e.createElement("path",{d:"M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z",fill:"#E53935"}),e.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},m=function(t){return e.createElement("img",l({src:"data:image/png;base64,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",style:l({borderRadius:"50%"},t.style)},t))},d=function(t){return e.createElement("img",l({src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABACAYAAADlNHIOAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAURSURBVHgB7Zy/jxtFFMff7Dmxr8E2xSEhkWwKqILOVoIUiaA4RDQgFOcvuLsOKjtlKtsV6WJXQULCTkEEBeTcUHHkIoKEFCT7CNWlsA8aLkKyHSR0DjkP832bWUyoENzNrPQ+kr27M7uR8r7zfsxb6xQ9g/6oUCK9UCatLxKpkIT/jqK++e7T/pGGev+74d+nnqLbpRw9flQzQ1USDhDVpKNPGmqtP+YrfEXG/23TnC6TcPDAI47sn4cIAQ/wyhfjHxqaCvQ4BZuT0tfPhBT8MSDh8Jmp84Exfp0ENyzMygEpJaHHFVpdDEy5WSDBFWFAglNEAMeIAI4RARwjAjhGBHCMCOAYEcAxIoBjRADHpOjFUyS4Q2kDCc6QEOSYFCWM8XhK6+vbtLMzoeHwEY+F4XN07twxKpWOUdJITAgaDie0tvYlbW7+FI8VCkuEF6yYG4/3KJfLULn8MtVqrxtRspQEEiFAq/U9VasbZoW/xEa+du0CH+fp93ep0bgbewXugRjeoz2nXr9rFshVXSp9okejPR4bDMZ8fvv2Dl/3ervx/UYIHYbX+Rk86zteC2CN32zeY4Pj0+v9wnM4QgCM3bq1zWNWEIxVKl/xs3bMV7ytghDXjQAcdiqV0+Z6bMJO2oSah5yI79z5mSaTKcf+KCFP+DnMYaxeP2tyxAt06dIXPOYr3gpw+fLXnGRrtbN8HYY5unHjvonrr3BOgJFhdAgCYRD/YfBudztOwM3mm4Qk3WrdI1/xMgnDsCdOfEirqyep3X7HlJ0PeByCwPjArmoIgXEYHWJAMIgAMZaXl6hY7LD3jEZ+/uLSSwE6nfvGAzbYaDA0VjhEaTS+5Zp/Ptyg9sc1PjA6/jvV6mvxM7inWGxTr7fK877hZQja2nrIRxvPcd3tPuCVbstMgPNmM/KIaE+g2RMQqiDifKlq/03f8HInjFAyv6vNZtMcTpBssbJBp/MjiwMQoqL7dRyO8MG8Pbde4xteeoBdudbYNt5ns5nYqHbO3hd9MiYEqX9s0qQK+pfkcke55RDF/wyvXqx+fCxY8ZiDGNZbonC1y0kYXgTm2xQ+4qUAzyZLtBTQbIMhcYQ4SMaokqrV0yyUTcJgZeXVuA0xmURhCiHMR7ysgmDQfL4Zl6FYzUpFucDW+3YfABCaisUlFgb324YdPANlKO4dDN4jH/E0BKWflpdRxYPEevx4lishGNgCb4AYMD7EwB4AFRCeteUpjL+ycpK8RXsKejhRE+4mX9sekO3/tNs/aPNegBtz6BXhiHswZ5t1hcLH3JjDta9424rACkZfH+EEtT5aESCfz7CH5PNpDklIrvAOJGOlFM/hHDtmhC60pb1+N6A9p1b7hj2hXP48Xsn2aNvQONpWNY62HY1nfScRL2TQFY3aEFnOB1jV0X4g8gq7IcMbM1t+tttvJ+KFTKJeSaICwg4YIPRErYlJ3LLAWKVyKu4FJYHE/SzFtqCx4bJlKDzDVkRJMbxFfhfkGPldkGPUuzffEg9wiHr+aloEcIiEIMeIAI4RARwjAjhGBHCMCOAYEcAxIoBjRADHiACOgQBDEtygdD8gTV0S3KCpHwSk1klwwkwHjYXfN54MFy+k8qToDAmHhtLUGl2ZfspJeDad1uEOJBwOmrb2p4t1nC7ga2+T9tJv7H+mFlKL4gkHC1b+bLq4Oq6P//rj3fPkPsiEAc3qZmrZzMrfFP1/GKLYQb799YpZ7nP8CZLS5lD+sCLsAAAAAElFTkSuQmCC"},t))},L=function(i){var a=i.isTesting,r=n(i,["isTesting"]),h=t("id-flag-round-mask-"+(a?1:Math.random()));return e.createElement("svg",l({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("mask",{id:h.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("g",{mask:"url(#".concat(h.current,")")},e.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),e.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},w=function(i){var a=i.isTesting,r=n(i,["isTesting"]),h=t("id-flag-clip-"+(a?1:Math.random()));return e.createElement("svg",l({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("g",{clipPath:"url(#".concat(h.current,")")},e.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),e.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),e.createElement("defs",null,e.createElement("clipPath",{id:h.current},e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},f=function(t){return e.createElement("svg",l({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:l({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),e.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.11387 3.86084C2.92711 3.86084 1.96387 5.23232 1.96387 6.92206C1.96387 8.6118 2.92711 9.98329 4.11387 9.98329C4.54263 9.98329 4.94211 9.80406 5.27763 9.4957C5.08225 9.59203 4.87256 9.64471 4.65427 9.64471C3.60193 9.64471 2.74786 8.42866 2.74786 6.93032C2.74786 5.43198 3.60193 4.21594 4.65427 4.21594C4.88682 4.21594 5.10959 4.27527 5.31571 4.38397C4.97256 4.0538 4.5589 3.86084 4.11387 3.86084Z",fill:"#FFCC00"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.67935 8.51573L6.7737 7.8407L7.04147 9.22221L6.43573 8.06657L6.24676 9.47313L6.0609 8.06576L5.4526 9.2188L5.72343 7.83844L4.81629 8.50957L5.49017 7.42963L4.46387 7.48593L5.40732 6.9203L4.46512 6.35062L5.4913 6.41133L4.81981 5.3285L5.72546 6.00353L5.45769 4.62202L6.06343 5.77766L6.25241 4.37109L6.43827 5.77847L7.04656 4.62543L6.77574 6.00579L7.68287 5.33466L7.00899 6.4146L8.0353 6.3583L7.09184 6.92392L8.03404 7.49361L7.00786 7.43289L7.67935 8.51573Z",fill:"#FFCC00"})))},s=function(t){return e.createElement("svg",l({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),e.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),e.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93644 1.52393C3.51233 1.52393 2.35645 2.56887 2.35645 3.85629C2.35645 5.14371 3.51233 6.18865 4.93644 6.18865C5.45096 6.18865 5.93034 6.05209 6.33296 5.81716C6.09851 5.89054 5.84688 5.93068 5.58492 5.93068C4.32212 5.93068 3.29724 5.00417 3.29724 3.86258C3.29724 2.72099 4.32212 1.79448 5.58492 1.79448C5.86399 1.79448 6.13132 1.83968 6.37865 1.9225C5.96688 1.67094 5.47049 1.52393 4.93644 1.52393Z",fill:"#FFCC00"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.216 5.07041L8.12923 4.55611L8.45055 5.60869L7.72366 4.72819L7.49689 5.79987L7.27386 4.72758L6.5439 5.60609L6.86889 4.55439L5.78033 5.06572L6.58899 4.24291L5.35742 4.28581L6.48957 3.85485L5.35893 3.42081L6.59034 3.46707L5.78456 2.64205L6.87133 3.15636L6.55001 2.10378L7.2769 2.98427L7.50367 1.9126L7.7267 2.98488L8.45666 2.10638L8.13166 3.15808L9.22022 2.64674L8.41157 3.46955L9.64314 3.42666L8.51099 3.85761L9.64163 4.29165L8.41022 4.2454L9.216 5.07041Z",fill:"#FFCC00"}))},g=function(t){return e.createElement("svg",l({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:l({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),e.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),e.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},p=function(t){return e.createElement("svg",l({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),e.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),e.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},C=function(t){return e.createElement("img",l({src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAkISURBVHgB5ZxbbBRVGMf/Z8C2gJdt4iWiyGhCYwIJrURFSXTxxRgvVH2oGg0Yb4kYC4kavAXwFo0mlKCJMRoWX4oPSnlQE6OyGi9gJC3RIkJip1K8K9ta7M2d4/ed3amzw95mdnaZmf0lZaazs7PdP//vnO9858wInEjiW2OYaIzDhA6hLaYjevYHtm0GKVLQpAGJFP1m0IFB2ibRNN6H5J0pnCAEaoklGLQ4CbECTpG8Y4DFFOZONE4kaylobQRc2k2CiU76uDiEjKH6JJSYX97WgypTPQHZbeOzO8lpa2okWj4MCvWNYHfuvtVAFfBfwGAI58Sgr5rA7o6N8Bl/BVzavYouuR7+tW1+YyhH7r41AZ/wR8Cl3TpdaivtxREGBHog5Vo/wlpDpVy6ncJV60VYxGMk2tXfrCKmMrw7UKUks9fT/+QahBkpurCnYy084k1AFbIUBhCLEQUE+sgIN3oJafcCZtq7XQhuR+EVg+y43K2I7gSMrngWhlsRyxcw+uJZGG5ELE/A+hHPwihXxHLTGB5T6qgfqDokdqhMowQlBZRSbhp45/rF+tlzUFdItGJs9vpSp80oeg0pV9Hm+dgpDVjT0YLYyQ3Ys/9PjE+aqAsEluKcm4Zx5O3dhU8pAImn04ZHGDk2Nn4+hrVdfej5dAh1ARdyhdlWqD0sFsKb4BCP4VDe8cIybH3iEtRFWKuKkhrn5yVvCGdDd930AXOErtGYs9/a0oz2K87B8OgU+g6dsIp6rdBx7s2DGHq7z/lC3hAmAQdg73XH+2H+1U0n0+mnXQMx5/Kc8xPvDmDjG/0qvCOMgaaxNud0wXEOJPG452nPOfbbFmhnPQI0ziPzLaDAb8x5T524MYZ/Z06QC5P2gzkOzHYcuQnzWD/k1I+0/RZoOA9y8kcS8+GCn9Lz6RHqZHqj6UbuUGb9c77dhc5OJA5nwjxrIcSp15BXT4No7igqHsNO7H3zapX2RA7uUMabcsp3Tgfmtn0Vwi5cvnpXtNzILtzT0Wz9Ou1AEo/bPR0+wmnOwDvXYf1dixAZ2IU8TZvFHsLtqBIb7l6ohIxM3ih4jju7y/+Q+zhhPooasOH1fkp5vkWosXUmlgPjqBGWG+MXnYnQwmH8Dy9R+T+E/QnfqcNlncahvOuV5djU2RbesJ6hxXljCXglKoWGeOmDV0GOvF/2W9bc0qKEXHXt+QgdmcVRZMZK27+s6+Tw+zB/fRHavC0AJdvi9Hszr500r6zLhHI42DTWzA5shQfMH26EOfQg5O+vQaaHSbTDEJRsY+wbSr4XKfHMv7bDNFaqc0vBLgydG6kdZAHj8IA46yFg9Au1r0Qk10naN4++pYZ9fEwVH459QW68r6xrcnvIZbLQlMoEdA7hBO2uhEvMwZUQTYsgSTDlwPRI7gkzTlWOFDT0kySoNvdpuIFDmUOaQzvAJNiB8+EBbf62THGBw9YpHkPH1GsN81yLx8xvHlBO5LAOsBt1FtD1Gj55dDvkT0+Sg2WmSlMIek2QO006V/76Esq69h+vUf2RmoBfMudzvhjg4aASUHfzDkk9raR2jUPULCNlMal3FnQul8SUOKXgDkij0D/jHiW85e6gDgdnwq0Ds19I8pa+aEkoP1TnkhMl99SlzqeOSZLgjCqdZfeZuVMpfDD1Fka//woBQXe9PlBQe8adB4emmFU6rKzyv5izrKy2kPNH/lGi28T7+YUtOHDlCox+HhjxFNwLS3jl2OcwD3cqZ+W9OAmszX0KIPFckxVw9LOvMPT4c5Refocg4nmFquoYJodUTytsTrGwjkkOyXLaPgfpUWDosedw6IY7Aisew22gAQ+FVEGzc+bhB1WZX/W2nLJYnQqFrQpvchEn1pqegBvYdYMPrKMR4REEnNRMeIR7Y9G0UI02xNxn1NBNUs7HxQQl3snLMsLyMU55LthR8prp4RFq617G769uQ0gwPDtQY0E4WTaHVcFAhSlNQHHjr0YgfIzCWOMOoYwyV4hcZ0MoBw7CK2q4lmnruHdW7uPeufmWzGvIVGJEkYoMu25w9aMYfu9DhA3qfg3uRPrgEzz9qS34OCf9KMaf3TvQ33pVKMXLIAetEPaPhtL1Pw7TwdXrApfTucWElhS1nFBifqMO4hdKitPDfyPsCDnZPFMIkSIRDVR5CW9UXGfDaEsZ07NyO1FF2HVBHIZVgpAiyVsrD+RfOuEzPILg0USUhLNIQyrT2QXkFUeFKzNcTRnvP25tYP5TR7Jt3cuIKjMwmeStEjDbDn5CuysKvoPEU8VTLt9TNaZQbxvOhNgdFL4Jbv94315M6Cr0Bq4m87wGl5nMsf684rHrrMF/lMVjrPBlnMvbOJ3JG8Y8nlXVYp7zdawRrAfX2TAuOnpweu7VWUzYTD/5by4h8VTlxTaBFMLBf8WQyXKeu+B0ILuP5xFLlvlT732EI489Wy+uszAmpLb8stQBwzqQU1DlzgQZFxaEXffD7asxcPv99SYepMA2u3jMcXM8WRfyHUq687UoDcM8kNP2WRxXUM2mNBzn03fnRHAY5hpn22dR7F45Tms669x1Cqr79SxJHcy7QqroNO3+eHv7+L79pWvx0SZFHUebs+2zKDorN9HXl0SdQ5G4tpB4TFEBebhCFyjaK0cZKeTmJalDiWLnlFxp0RvTYzS1tkt6XIgZYvZRr1vyO5ecWFeDZqlxA2qgfuCEuayF92U/9qQ3dqEuhVkXjz1xjjaK4erBO3UgoivxGNePfoqwiK7FY1wvLmqjDxD0QcLH+eQAsM+LeExFD2DcG1vQJWw33oURTlU0c2qDVWF2S0UCMntjF64Swsz7hI+AQzmu2Lgk9X0XKqBiARluF9PC7NKKzakECZqSnIC400vIOvFFQIusGwP9EFquqpQaXbjBVwEt9sZaNgihbt7REQwoXLFZw2SX17auEFURkOGwNoH4CXZk1YSzqJqAdr6OtbRrGj851/0tZR5g0ZImtM0Xpw4kUWVqIqAFFybSaIhnxeR7lHX4g0HpyE5piiSvGKiW2/JRUwGdsKD/oqlVgxmnP2W+UILSnIxQwjrTIkP9K4UhM/v7JKRRa8Gc/AdAEy+OTW3A4AAAAABJRU5ErkJggg==",style:l({borderRadius:"50%"},t.style)},t))},u=function(t){return e.createElement("img",l({src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABACAYAAADlNHIOAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUySURBVHgB7ZxPaBxVHMe/b2LW1koSoSIKabc3oUoj+P9i4kVKBduTigcroj0oFsFDBaEJeKkemkUFqZWmJ5McpD1IxUuCNFEEyUoTGlckq22J2mI2ccPGLDuvv9/bnWWS7GY2u/MmuzPvA5uZ2Xl5LL/v7/d77/fbYQXW8+RXvRDiMCReoKs4DI0jkCR7JgE5gB9fTrtvWc6JlLKLXqdPvv7wGA0+DmN8/5Doob9HSYk5PDFyGr3nupxbQt0n49NhnF4H+Do9v4yBL2cw9M0cDBrgiLgz14fx1zJOBJxEyfhM/P5dOPfB4+rF5waf4YjI3cU2hyDvj9NxU1fvPztDETENg9/IPhZgiM5e9RrKaendwSQufH8dBp8QSLAAU3TaU+v/8LrA6wMLYmiYNAsgsUUy2TwGzk5jcCQFQ2PUJYADR8GRExNIphZgqI+GBHAwaal+fBGAMbVDffgmgAML0ffWmImGGvFdAIfB4RQSoykjhAfaBGBMWvJGqwAOyVSGdkuXTTRUQJ8A+WtAezdgL1HPtUO9xS2NxOivyPyXh6GINgHs6+9AtO+BuOdFINZdft+kpbVoEUAuXQLaOoHVa8r4YtfTG8aY2qGItgiQt85AdByEpG8cRHt31XFR77QGsgh7EeW01BQCOEQxLTWVAAx3WrmIi0paajoBHKLSad0+AZw6wYOwpyUL2wEVZ4XUs8CKd5o5emgfxj7rU8cwEkwEFBapNvgW2LkfguoD+e8w5MKIKtLE7mOQyxMQOx8q1g0VagaHMHZaA4sA+ffHRcPTS107N1auKMMXfj8Ce/HSpnPwIzJzXz8fqsdlgomAlRnI3DRkdgKSzpFbm3rE3eT1OygCSBbrgQ9rmjIstUMwEbBjv2pHcPpZb3xG5mZUClLG5+ZdDeztSKpImDr/XEtHg/4IIIOW087CsDJ2xQ9y7xuqecc9JNF5sNxB3QDtnmyaT8T2rBnXqp1W7QLYv9Fup0Be3dYByUdeaCt9EFqgFXSfF2Zx33tV51R9JhpvZ3+AtftNNTdz9bufMXrsI7QSgawBvONROyFaZOXyZMUxZUPGSi3satA8/EgZR5Pg/ykxf+oT/HXqU7QadyAAlEFpq8kLMSrtIHltoDVALcZexRmP5TlLxs9duYo/3n5fHVuRYBZhSisyO6nyNxtZxNYaWaUftUua3NK07PWzzxxuWeMzgRVihdlHi4UXezAtnlwXcDGgCjAuzvhLHKsTVnzIc7pW93o3gfWCJLUdhNVZPldRwSmJjG9ximIR7EUIVQ9Up1VzfTW2rRnHCzN7vbV3qKbxYfJ6N03bjnYTNq93E8guqF7C6vVumlaAMHu9m6YTIApe76apBIiK17vRV4hx64H3+tzd9OhwsrdzQRU14zN6BKCKV976ggqvl2DfPFO9s4lwVLONoCcFcT+Hu5/8VWOscm8narm+GvrqgNJzoU4r2k0Uc301Ai3EjNdvJLBdkPH6ymgXwHj95mgVwHi9N1oEMF5fO74LYLx+a/gmgPH6+vBFAOP19dOQAMbrG6cuAQqLS/jn8/PG631gywJkL/9EXn8Cq3/egKFxWIA0aviNUPb6efL4m+T5Bt9Icjv6otco9npuGRvj+4uQIsnNuF46H6s0wHi9Xv6X1j5LCDFO54n1N43X60UKmXgqM5t2/3QxR0GP8fpA+EXI1d5HMumMcN5hEfI35vtTh145bnY4+mDPt+x8Pxufr8X6AVNdD8alZffDxgG6W/MPuho2JU2Gv2jbbRcey8yOu2/cBrGSER7V9LJCAAAAAElFTkSuQmCC"},t))},v=function(t){return e.createElement("svg",l({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:l({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),e.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),e.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),e.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),e.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),e.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),e.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),e.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),e.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),e.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),e.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),e.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),e.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),e.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),e.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),e.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))))},o=function(t){return e.createElement("svg",l({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),e.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),e.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),e.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),e.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),e.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),e.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),e.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),e.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),e.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),e.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),e.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),e.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),e.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),e.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))},M=function(t){return e.createElement("svg",l({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:l({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),e.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},H=function(t){return e.createElement("svg",l({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),e.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},B=function(t){return e.createElement("svg",l({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:l({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),e.createElement("path",{d:"M11.7228 10.8677L14.2819 9.00839L11.1187 9.00839L10.1409 6L9.16316 9.00839L6 9.00839L8.5591 10.8677L7.58184 13.8766L10.1409 12.0168L12.7 13.8766L11.7228 10.8677Z",fill:"#FFEB3B"})))},y=function(t){return e.createElement("svg",l({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("g",null,e.createElement("clipPath",null,e.createElement("rect",{width:"24",height:"16",fill:"white"})),e.createElement("path",{d:"M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z",fill:"#DA251D"}),e.createElement("path",{d:"M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z",fill:"#FFEB3B"})))},x=a.div(r||(r=i(["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"],["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"])),(function(e){return e.theme.width||20}),(function(e){return e.theme.height||20})),Z=function(t){var l,n,i=t.country,a=t.language,r=t.rounded,Z=t.height,R=t.width,U=t.isTesting;switch(a){case"en":l=e.createElement(E,null),n=e.createElement(A,null);break;case"vi":l=e.createElement(y,null),n=e.createElement(B,null);break;case"id":l=e.createElement(w,{isTesting:U}),n=e.createElement(L,{isTesting:U});break;case"th":l=e.createElement(H,null),n=e.createElement(M,null);break;case"km":l=e.createElement(c,null),n=e.createElement(h,null);break;case"ms":l=e.createElement(s,null),n=e.createElement(f,null);break;case"my":l=e.createElement(p,null),n=e.createElement(g,null);break;case"tl":l=e.createElement(u,null),n=e.createElement(C,null);break;case"hi":l=e.createElement(d,null),n=e.createElement(m,null);break;case"zh":l=e.createElement(o,null),n=e.createElement(v,null)}if(!l&&!n)switch(i){case"VN":l=e.createElement(y,null),n=e.createElement(B,null);break;case"ID":l=e.createElement(w,{isTesting:U}),n=e.createElement(L,{isTesting:U});break;case"TH":l=e.createElement(H,null),n=e.createElement(M,null);break;case"KH":l=e.createElement(c,null),n=e.createElement(h,null);break;case"MY":l=e.createElement(s,null),n=e.createElement(f,null);break;case"MM":l=e.createElement(p,null),n=e.createElement(g,null);break;case"PH":l=e.createElement(u,null),n=e.createElement(C,null);break;case"IN":l=e.createElement(d,null),n=e.createElement(m,null);break;case"TW":l=e.createElement(o,null),n=e.createElement(v,null)}return e.createElement(x,{theme:{width:R,height:Z}},r?n:l)};export{Z as Flag};