@hhgtech/hhg-components 1.22.23-beta-1 → 1.22.23

package/build/esm/{index-a52c8eea.js → index-bfb83ce8.js}

@@ -1 +1 @@
-import{b as n,c as a,_ as o}from"./tslib.es6-8d81858b.js";import r from"react";import{t}from"./theme-e755818a.js";import e,{keyframes as i}from"styled-components";var d,l,s,c,p,g,h,b,m,u,x=i(d||(d=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"]))),y=e.svg(l||(l=n([""],[""]))),v=e.circle(s||(s=n([""],[""]))),k=e.svg(c||(c=n(["\n  animation: "," 1.2s linear infinite;\n"],["\n  animation: "," 1.2s linear infinite;\n"])),x),f=e.path(p||(p=n([""],[""]))),C=e.span(g||(g=n(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg + svg {\n    position: absolute;\n    left: 0;\n  }\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg + svg {\n    position: absolute;\n    left: 0;\n  }\n"]))),w=e.span(h||(h=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),z=e.span(b||(b=n([""],[""]))),B=e.span(m||(m=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),P=e.button(u||(u=n(["\n  width: auto;\n  border-radius: 6px;\n\n  &[data-theme='marryBaby'] {\n    border-radius: 16px;\n  }\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  "," {\n    display: flex;\n    align-items: center;\n\n    & + "," {\n      margin-left: 8px;\n    }\n  }\n\n  &[data-size='lg'] {\n    padding: 12px 24px;\n    font-size: 16px;\n    line-height: 24px;\n\n    "," {\n      svg,\n      img {\n        max-height: 24px;\n      }\n    }\n  }\n\n  &[data-size='md'] {\n    padding: 9px 24px;\n    font-size: 14px;\n    line-height: 22px;\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-size='sm'] {\n    padding: 5px 24px;\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-color='primary'] {\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border: solid 2px ",";\n      background-color: ",";\n\n      &[data-has-icon='true'] {\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &:hover:not(:disabled)[data-is-loading='false'] {\n      background-color: ",";\n\n      &[data-theme='marryBaby'] {\n        border: solid 2px ",";\n        background-color: ",";\n        color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      background-color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: white;\n        }\n\n        "," {\n          stroke: transparent;\n        }\n      }\n    }\n  }\n\n  &[data-color='secondary'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n\n      &:hover[data-is-loading='false'] svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border-color: ",";\n      background-color: transparent;\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n\n      &[data-theme='marryBaby'] {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n  }\n\n  &[data-color='tertiary'] {\n    border: solid 2px ",";\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n      font-weight: ",";\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      border-width: 1px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      &[data-theme='marryBaby'] {\n        color: ",";\n        background-color: ",";\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n      border-color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-color='ghost'] {\n    border: 0;\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='sm'] {\n      padding: 5px 12px;\n      font-size: 12px;\n      line-height: 18px;\n    }\n\n    &:disabled {\n      border-color: 0;\n      background-color: transparent;\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-color='transparent'] {\n    border: none;\n    background-color: transparent;\n\n    &[data-size='lg'] {\n      font-size: 16px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='md'] {\n      font-size: 14px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      padding: 0;\n    }\n  }\n\n  &[data-color='danger'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: white;\n      }\n\n      "," {\n        stroke: transparent;\n      }\n    }\n  }\n\n  &[data-color='success'] {\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: ",";\n      }\n\n      "," {\n        stroke: transparent;\n      }\n\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\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  &[data-block='true'] {\n    width: 100%;\n    padding: 12px auto;\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  &[data-theme='marryBaby'] {\n    border-radius: 16px;\n  }\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  "," {\n    display: flex;\n    align-items: center;\n\n    & + "," {\n      margin-left: 8px;\n    }\n  }\n\n  &[data-size='lg'] {\n    padding: 12px 24px;\n    font-size: 16px;\n    line-height: 24px;\n\n    "," {\n      svg,\n      img {\n        max-height: 24px;\n      }\n    }\n  }\n\n  &[data-size='md'] {\n    padding: 9px 24px;\n    font-size: 14px;\n    line-height: 22px;\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-size='sm'] {\n    padding: 5px 24px;\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-color='primary'] {\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border: solid 2px ",";\n      background-color: ",";\n\n      &[data-has-icon='true'] {\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &:hover:not(:disabled)[data-is-loading='false'] {\n      background-color: ",";\n\n      &[data-theme='marryBaby'] {\n        border: solid 2px ",";\n        background-color: ",";\n        color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      background-color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: white;\n        }\n\n        "," {\n          stroke: transparent;\n        }\n      }\n    }\n  }\n\n  &[data-color='secondary'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n\n      &:hover[data-is-loading='false'] svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border-color: ",";\n      background-color: transparent;\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n\n      &[data-theme='marryBaby'] {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n  }\n\n  &[data-color='tertiary'] {\n    border: solid 2px ",";\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n      font-weight: ",";\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      border-width: 1px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      &[data-theme='marryBaby'] {\n        color: ",";\n        background-color: ",";\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n      border-color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-color='ghost'] {\n    border: 0;\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='sm'] {\n      padding: 5px 12px;\n      font-size: 12px;\n      line-height: 18px;\n    }\n\n    &:disabled {\n      border-color: 0;\n      background-color: transparent;\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-color='transparent'] {\n    border: none;\n    background-color: transparent;\n\n    &[data-size='lg'] {\n      font-size: 16px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='md'] {\n      font-size: 14px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      padding: 0;\n    }\n  }\n\n  &[data-color='danger'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: white;\n      }\n\n      "," {\n        stroke: transparent;\n      }\n    }\n  }\n\n  &[data-color='success'] {\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: ",";\n      }\n\n      "," {\n        stroke: transparent;\n      }\n\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\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  &[data-block='true'] {\n    width: 100%;\n    padding: 12px auto;\n  }\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"])),t.sizes.fwBold,z,w,z,z,t.sizes.fwSemiBold,z,t.colors.primaryBase,t.colors.primaryBase,t.colors.white,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.primaryHover,t.mbColors.pink,t.colors.white,t.mbColors.pink,t.colors.primaryActive,t.mbColors.pink,f,v,t.colors.primaryBase,t.colors.white,t.colors.primaryBase,t.colors.primaryBase,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.white,t.colors.primaryHover,t.colors.primaryHover,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.colors.primaryActive,t.colors.primaryActive,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.colors.gray300,t.colors.gray800,t.sizes.fwSemiBold,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.white,f,t.mbColors.pink,t.colors.primaryBase,t.colors.gray300,t.colors.red600,t.colors.red600,t.colors.white,t.colors.red200,t.colors.red200,t.colors.white,t.colors.white,f,v,t.colors.green50,t.colors.green800,t.colors.green800,t.mbColors.mint,t.mbColors.mint,f,t.colors.green800,v,f,t.mbColors.mint,t.colors.gray300,t.colors.gray300,t.colors.white),E=function(n){var t=n.size,e=n.color,i=void 0===e?"primary":e,d=n.theme,l=void 0===d?"helloSites":d,s=n.isDisabled,c=n.isBlock,p=n.title,g=n.className,h=n.onClick,b=n.icon,m=n.children,u=n.isLoading,x=void 0!==u&&u,E=n.loadingText,A=n.dataEventCategory,L=n.dataEventAction,j=n.dataEventLabel,N=n.dataProductChannel,S=n.dataProductSku,T=n.dataProductBrand,H=n.dataProductName,D=n.dataProductPrice,F=n.dataProductCategory,M=n.dataProductPosition,V=n.isAmp,W=n.on,Z=n.dataVarsTracking,_=n.type,q=a(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"]),G=V?{"data-vars-event-category":A,"data-vars-event-action":L,"data-vars-event-label":j,"data-vars-product-channel":N,"data-vars-product-sku":S,"data-vars-product-brand":T,"data-vars-product-name":H,"data-vars-product-price":D,"data-vars-product-category":F,"data-vars-product-position":M,"data-vars-tracking":Z,on:W}:{"data-event-category":A,"data-event-action":L,"data-event-label":j,"data-product-channel":N,"data-product-sku":S,"data-product-brand":T,"data-product-name":H,"data-product-price":D,"data-product-category":F,"data-product-position":M},I=r.createElement(C,null,r.createElement(y,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement(v,{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),r.createElement(k,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},r.createElement("mask",{id:"path-1-inside-1",fill:"white"},r.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"})),r.createElement(f,{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)"})));return r.createElement(P,o({},G,{className:g,"data-size":t,"data-color":i,"data-block":c,"data-has-icon":!!b||void 0,"data-theme":l,disabled:s,onClick:function(n){!x&&!s&&h&&h(n)},title:p,"data-is-loading":x,type:_},q),r.createElement(B,null,(b||x)&&r.createElement(z,{className:"button-icon"},x?I:b," "),m&&r.createElement(w,null,x&&E||m)))};export{E as B};
+import{b as n,c as a,_ as o}from"./tslib.es6-2fa94e2c.js";import r from"react";import{t}from"./theme-13d11d67.js";import e,{keyframes as i}from"styled-components";var d,l,s,c,p,g,h,m,b,u,x=i(d||(d=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"]))),y=e.svg(l||(l=n([""],[""]))),v=e.circle(s||(s=n([""],[""]))),f=e.svg(c||(c=n(["\n  animation: "," 1.2s linear infinite;\n"],["\n  animation: "," 1.2s linear infinite;\n"])),x),k=e.path(p||(p=n([""],[""]))),C=e.span(g||(g=n(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg + svg {\n    position: absolute;\n    left: 0;\n  }\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg + svg {\n    position: absolute;\n    left: 0;\n  }\n"]))),w=e.span(h||(h=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),z=e.span(m||(m=n([""],[""]))),B=e.span(b||(b=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),P=e.button(u||(u=n(["\n  width: auto;\n  border-radius: 6px;\n\n  &[data-theme='marryBaby'] {\n    border-radius: 16px;\n  }\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  "," {\n    display: flex;\n    align-items: center;\n\n    & + "," {\n      margin-left: 8px;\n    }\n  }\n\n  &[data-size='lg'] {\n    padding: 12px 24px;\n    font-size: 16px;\n    line-height: 24px;\n\n    "," {\n      svg,\n      img {\n        max-height: 24px;\n      }\n    }\n  }\n\n  &[data-size='md'] {\n    padding: 9px 24px;\n    font-size: 14px;\n    line-height: 22px;\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-size='sm'] {\n    padding: 5px 24px;\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-color='primary'] {\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border: solid 2px ",";\n      background-color: ",";\n\n      &[data-has-icon='true'] {\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &:hover:not(:disabled)[data-is-loading='false'] {\n      background-color: ",";\n\n      &[data-theme='marryBaby'] {\n        border: solid 2px ",";\n        background-color: ",";\n        color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      background-color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: white;\n        }\n\n        "," {\n          stroke: transparent;\n        }\n      }\n    }\n  }\n\n  &[data-color='secondary'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n\n      &:hover[data-is-loading='false'] svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border-color: ",";\n      background-color: transparent;\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n\n      &[data-theme='marryBaby'] {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n  }\n\n  &[data-color='tertiary'] {\n    border: solid 2px ",";\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n      font-weight: ",";\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      border-width: 1px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      &[data-theme='marryBaby'] {\n        color: ",";\n        background-color: ",";\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n      border-color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-color='ghost'] {\n    border: 0;\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='sm'] {\n      padding: 5px 12px;\n      font-size: 12px;\n      line-height: 18px;\n    }\n\n    &:disabled {\n      border-color: 0;\n      background-color: transparent;\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-color='transparent'] {\n    border: none;\n    background-color: transparent;\n\n    &[data-size='lg'] {\n      font-size: 16px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='md'] {\n      font-size: 14px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      padding: 0;\n    }\n  }\n\n  &[data-color='danger'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: white;\n      }\n\n      "," {\n        stroke: transparent;\n      }\n    }\n  }\n\n  &[data-color='success'] {\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: ",";\n      }\n\n      "," {\n        stroke: transparent;\n      }\n\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\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  &[data-block='true'] {\n    width: 100%;\n    padding: 12px auto;\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  &[data-theme='marryBaby'] {\n    border-radius: 16px;\n  }\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  "," {\n    display: flex;\n    align-items: center;\n\n    & + "," {\n      margin-left: 8px;\n    }\n  }\n\n  &[data-size='lg'] {\n    padding: 12px 24px;\n    font-size: 16px;\n    line-height: 24px;\n\n    "," {\n      svg,\n      img {\n        max-height: 24px;\n      }\n    }\n  }\n\n  &[data-size='md'] {\n    padding: 9px 24px;\n    font-size: 14px;\n    line-height: 22px;\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-size='sm'] {\n    padding: 5px 24px;\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-color='primary'] {\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border: solid 2px ",";\n      background-color: ",";\n\n      &[data-has-icon='true'] {\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &:hover:not(:disabled)[data-is-loading='false'] {\n      background-color: ",";\n\n      &[data-theme='marryBaby'] {\n        border: solid 2px ",";\n        background-color: ",";\n        color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      background-color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: white;\n        }\n\n        "," {\n          stroke: transparent;\n        }\n      }\n    }\n  }\n\n  &[data-color='secondary'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n\n      &:hover[data-is-loading='false'] svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border-color: ",";\n      background-color: transparent;\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n\n      &[data-theme='marryBaby'] {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n  }\n\n  &[data-color='tertiary'] {\n    border: solid 2px ",";\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n      font-weight: ",";\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      border-width: 1px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      &[data-theme='marryBaby'] {\n        color: ",";\n        background-color: ",";\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n      border-color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-color='ghost'] {\n    border: 0;\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='sm'] {\n      padding: 5px 12px;\n      font-size: 12px;\n      line-height: 18px;\n    }\n\n    &:disabled {\n      border-color: 0;\n      background-color: transparent;\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-color='transparent'] {\n    border: none;\n    background-color: transparent;\n\n    &[data-size='lg'] {\n      font-size: 16px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='md'] {\n      font-size: 14px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      padding: 0;\n    }\n  }\n\n  &[data-color='danger'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: white;\n      }\n\n      "," {\n        stroke: transparent;\n      }\n    }\n  }\n\n  &[data-color='success'] {\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: ",";\n      }\n\n      "," {\n        stroke: transparent;\n      }\n\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\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  &[data-block='true'] {\n    width: 100%;\n    padding: 12px auto;\n  }\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"])),t.sizes.fwBold,z,w,z,z,t.sizes.fwSemiBold,z,t.colors.primaryBase,t.colors.primaryBase,t.colors.white,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.primaryHover,t.mbColors.pink,t.colors.white,t.mbColors.pink,t.colors.primaryActive,t.mbColors.pink,k,v,t.colors.primaryBase,t.colors.white,t.colors.primaryBase,t.colors.primaryBase,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.white,t.colors.primaryHover,t.colors.primaryHover,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.colors.primaryActive,t.colors.primaryActive,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.colors.gray300,t.colors.gray800,t.sizes.fwSemiBold,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.white,k,t.mbColors.pink,t.colors.primaryBase,t.colors.gray300,t.colors.red600,t.colors.red600,t.colors.white,t.colors.red200,t.colors.red200,t.colors.white,t.colors.white,k,v,t.colors.green50,t.colors.green800,t.colors.green800,t.mbColors.mint,t.mbColors.mint,k,t.colors.green800,v,k,t.mbColors.mint,t.colors.gray300,t.colors.gray300,t.colors.white),E=function(n){var t=n.size,e=n.color,i=void 0===e?"primary":e,d=n.theme,l=void 0===d?"helloSites":d,s=n.isDisabled,c=n.isBlock,p=n.title,g=n.className,h=n.onClick,m=n.icon,b=n.children,u=n.isLoading,x=void 0!==u&&u,E=n.loadingText,A=n.dataEventCategory,L=n.dataEventAction,j=n.dataEventLabel,N=n.dataProductChannel,S=n.dataProductSku,T=n.dataProductBrand,H=n.dataProductName,D=n.dataProductPrice,F=n.dataProductCategory,M=n.dataProductPosition,V=n.isAmp,W=n.on,Z=n.dataVarsTracking,_=n.type,q=a(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"]),G=V?{"data-vars-event-category":A,"data-vars-event-action":L,"data-vars-event-label":j,"data-vars-product-channel":N,"data-vars-product-sku":S,"data-vars-product-brand":T,"data-vars-product-name":H,"data-vars-product-price":D,"data-vars-product-category":F,"data-vars-product-position":M,"data-vars-tracking":Z,on:W}:{"data-event-category":A,"data-event-action":L,"data-event-label":j,"data-product-channel":N,"data-product-sku":S,"data-product-brand":T,"data-product-name":H,"data-product-price":D,"data-product-category":F,"data-product-position":M},I=r.createElement(C,null,r.createElement(y,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement(v,{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),r.createElement(f,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},r.createElement("mask",{id:"path-1-inside-1",fill:"white"},r.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"})),r.createElement(k,{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)"})));return r.createElement(P,o({},G,{className:g,"data-size":t,"data-color":i,"data-block":c,"data-has-icon":!!m||void 0,"data-theme":l,disabled:s,onClick:function(n){!x&&!s&&h&&h(n)},title:p,"data-is-loading":x,type:_},q),r.createElement(B,null,(m||x)&&r.createElement(z,{className:"button-icon"},x?I:m," "),b&&r.createElement(w,null,x&&E||b)))};export{E as B};

package/build/esm/{index-d26e1a93.js → index-c2f532a6.js}

@@ -1 +1 @@
-import{b as n,c as e,_ as t}from"./tslib.es6-8d81858b.js";import i,{useMemo as o}from"react";import{L as a}from"./index-aeb16c55.js";import{M as r}from"./utils-a3eccc66.js";import s from"styled-components";var l=s.div(p||(p=n(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    &.focused {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      line-height: 22px;\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      line-height: 20px;\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    &.focused {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      line-height: 22px;\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      line-height: 20px;\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp);s.label(d||(d=n(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var p,d,c,u,h,m=s.label(c||(c=n(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),x=s.div(u||(u=n(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),f=s.div(h||(h=n(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),g=function(n){var r=n.name,s=n.value,p=n.errorMessage,d=n.isNumerousKeyboard,c=void 0!==d&&d,u=n.actionIcon,h=n.displayIcon,g=n.onActionClick,b=n.label,y=n.className,z=n.onChange,v=n.isDisabled,w=n.CustomInput,C=n.size,N=n.style,E=n.autoComplete,k=void 0===E?"off":E,I=n.type,A=void 0===I?"text":I,D=n.inputClassName,K=n.trackingAttributes,L=n.enterKeyHint,M=e(n,["name","value","errorMessage","isNumerousKeyboard","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]),R=o((function(){return K?{"data-event-category":K.dataEventCategory,"data-event-action":K.dataEventAction,"data-event-label":K.dataEventLabel}:{}}),[K]);return i.createElement(l,{"data-size":C,className:y,"data-has-action-icon":!!u||void 0,"data-has-display-icon":!!h||void 0,"data-has-error":p&&p.length>0||void 0,style:N},b&&i.createElement(a,{size:"label2",htmlFor:r,className:"inputLabel"},b),i.createElement("div",{style:{position:"relative"}},w||i.createElement("input",t({id:r,name:r,onChange:function(n){return z&&z(n.target.value)},type:A,"aria-label":A,value:s,disabled:v,autoComplete:k,inputMode:c||"number"===A?"numeric":A,pattern:c?"[0-9]*":".*",className:D,enterKeyHint:L},R,M)),h&&i.createElement(f,{className:"displayIcon"},h),u&&i.createElement(x,{className:"actionIcon",onClick:g},u)),p&&p.length>0&&i.createElement(m,{className:"errorLabel"},p))};export{g as I};
+import{b as n,c as e,_ as t}from"./tslib.es6-2fa94e2c.js";import i,{useMemo as o}from"react";import{L as a}from"./index-bbc3936f.js";import{M as r}from"./utils-40d4438f.js";import s from"styled-components";var l=s.div(p||(p=n(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    &.focused {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      line-height: 22px;\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      line-height: 20px;\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    &.focused {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      line-height: 22px;\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      line-height: 20px;\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp);s.label(d||(d=n(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var p,d,c,u,h,m=s.label(c||(c=n(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),f=s.div(u||(u=n(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),x=s.div(h||(h=n(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),g=function(n){var r=n.name,s=n.value,p=n.errorMessage,d=n.isNumerousKeyboard,c=void 0!==d&&d,u=n.actionIcon,h=n.displayIcon,g=n.onActionClick,b=n.label,y=n.className,z=n.onChange,v=n.isDisabled,w=n.CustomInput,C=n.size,N=n.style,E=n.autoComplete,k=void 0===E?"off":E,I=n.type,A=void 0===I?"text":I,D=n.inputClassName,K=n.trackingAttributes,L=n.enterKeyHint,M=e(n,["name","value","errorMessage","isNumerousKeyboard","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]),R=o((function(){return K?{"data-event-category":K.dataEventCategory,"data-event-action":K.dataEventAction,"data-event-label":K.dataEventLabel}:{}}),[K]);return i.createElement(l,{"data-size":C,className:y,"data-has-action-icon":!!u||void 0,"data-has-display-icon":!!h||void 0,"data-has-error":p&&p.length>0||void 0,style:N},b&&i.createElement(a,{size:"label2",htmlFor:r,className:"inputLabel"},b),i.createElement("div",{style:{position:"relative"}},w||i.createElement("input",t({id:r,name:r,onChange:function(n){return z&&z(n.target.value)},type:A,"aria-label":A,value:s,disabled:v,autoComplete:k,inputMode:c||"number"===A?"numeric":A,pattern:c?"[0-9]*":".*",className:D,enterKeyHint:L},R,M)),h&&i.createElement(x,{className:"displayIcon"},h),u&&i.createElement(f,{className:"actionIcon",onClick:g},u)),p&&p.length>0&&i.createElement(m,{className:"errorLabel"},p))};export{g as I};

package/build/esm/{index-59e397d5.js → index-d20231b7.js}

@@ -1 +1 @@
-import{b as e,c as n,_ as r}from"./tslib.es6-8d81858b.js";import l,{createContext as t,useContext as i,useRef as o,useState as c,useEffect as d}from"react";import{Carousel as a}from"@mantine/carousel";import{useResizeObserver as u}from"@mantine/hooks";import s from"styled-components";var p,f=s(a.Slide)(p||(p=e([""],[""]))),m=t({}),v=function(e,n){return e>=n?e-n:e},h=function(e){var t=e.children,i=e.blurFromCenter,s=e.blurFromIndex,p=e.blurLength,f=void 0===p?3:p,h=e.maxBlurOpacity,x=void 0===h?.5:h,S=e.onSlideChange,b=e.selectSlideWhenClick,g=n(e,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=u(),C=y[0],k=y[1],w=o(null),E=c(0),F=E[0],I=E[1],L=function(){var e,n,r,l=null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.selectedScrollSnap();I(l);var t=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],o=t.length,c=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,d=Math.floor(c/2),a=i?s+f-1:d,u=l+a,p=u===o?0:u>o?u-o:u,m=l-a,h=m<0?o+m:m>0?l-a:0,S=Array(2*a+1).fill("").map((function(e,n){return v(h+n,o)}));t.map((function(e,n){if(n===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var r=x/f,t=0;t<f;t++){if(n===v(h+t,o)||n===(c=o,(i=p-t)<0?c+i:i)){e.style.opacity=String((t+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var i,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==S||S(e)}};return d((function(){(null==w?void 0:w.current)&&L()}),[k]),l.createElement(m.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:b}},l.createElement(a,r({ref:C,slideSize:"auto",containScroll:"trimSnaps"},W,g,{loop:!0}),"function"==typeof t?t(F):t))};h.Slide=function(e){var t=e.children,a=e.onClick,u=n(e,["children","onClick"]),s=i(m),p=s.slider,v=s.selectSlideWhenClick,h=o(),x=o(""),S=c(0),b=S[0],g=S[1];d((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),d((function(){var e=(null==p?void 0:p.slideNodes())||[];g(e.findIndex((function(e){return e.dataset.key===x.current})))}),[p]);var y={ref:h,"data-key":x.current,"data-index":b,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return l.createElement(f,r({},y,u),l.createElement("div",{onClick:function(){v&&(null==p||p.scrollTo(b)),null==a||a(b)}},t))};export{h as C};
+import{b as e,c as n,_ as r}from"./tslib.es6-2fa94e2c.js";import l,{createContext as t,useContext as i,useRef as o,useState as c,useEffect as d}from"react";import{Carousel as a}from"@mantine/carousel";import{useResizeObserver as u}from"@mantine/hooks";import s from"styled-components";var p,f=s(a.Slide)(p||(p=e([""],[""]))),m=t({}),v=function(e,n){return e>=n?e-n:e},h=function(e){var t=e.children,i=e.blurFromCenter,s=e.blurFromIndex,p=e.blurLength,f=void 0===p?3:p,h=e.maxBlurOpacity,x=void 0===h?.5:h,S=e.onSlideChange,g=e.selectSlideWhenClick,b=n(e,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=u(),C=y[0],k=y[1],w=o(null),E=c(0),F=E[0],I=E[1],L=function(){var e,n,r,l=null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.selectedScrollSnap();I(l);var t=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],o=t.length,c=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,d=Math.floor(c/2),a=i?s+f-1:d,u=l+a,p=u===o?0:u>o?u-o:u,m=l-a,h=m<0?o+m:m>0?l-a:0,S=Array(2*a+1).fill("").map((function(e,n){return v(h+n,o)}));t.map((function(e,n){if(n===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var r=x/f,t=0;t<f;t++){if(n===v(h+t,o)||n===(c=o,(i=p-t)<0?c+i:i)){e.style.opacity=String((t+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var i,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==S||S(e)}};return d((function(){(null==w?void 0:w.current)&&L()}),[k]),l.createElement(m.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:g}},l.createElement(a,r({ref:C,slideSize:"auto",containScroll:"trimSnaps"},W,b,{loop:!0}),"function"==typeof t?t(F):t))};h.Slide=function(e){var t=e.children,a=e.onClick,u=n(e,["children","onClick"]),s=i(m),p=s.slider,v=s.selectSlideWhenClick,h=o(),x=o(""),S=c(0),g=S[0],b=S[1];d((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),d((function(){var e=(null==p?void 0:p.slideNodes())||[];b(e.findIndex((function(e){return e.dataset.key===x.current})))}),[p]);var y={ref:h,"data-key":x.current,"data-index":g,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return l.createElement(f,r({},y,u),l.createElement("div",{onClick:function(){v&&(null==p||p.scrollTo(g)),null==a||a(g)}},t))};export{h as C};

package/build/esm/{index-34c8a226.js → index-d37a2be4.js}

@@ -1 +1 @@
-import n from"react";import{S as e,a as o}from"./index.styled-3215d940.js";import{u as t}from"./useTranslations-35f81159.js";import{b as a,_ as r}from"./tslib.es6-8d81858b.js";import i from"styled-components";var d,s,p,l,x,u,c=function(o){var t=o.type,a=void 0===t?"solid":t,r=o.className,i=o.style;return n.createElement(e,{style:i,className:r,"data-diver-type":a,dividerType:a})},g={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},b=function(e){var a=e.role,r=e.title,i=t().t,d=a?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(a):"";return d&&g[d]?n.createElement(o,{"data-label-type":d},r||i(g[d])):null},h=i.div(d||(d=a(["\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  --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"])),(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})),m=i.div(s||(s=a(["\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})),v=i.ul(p||(p=a(["\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), -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), -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})),f=i.li(l||(l=a(["\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})),w=i.div(x||(x=a(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),k=i.div(u||(u=a(["\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"]))),y=function(e){var o=e.className,t=e.value,a=e.options,i=e.onChange,d=void 0===i?function(){}:i,s=e.id,p=e.placeholderIcon,l=e.placeholder,x=e.style,u=e.size,c=void 0===u?"lg":u,g=e.groupedWithLabel,b=e.disabled,y=e.dropdownLabelTrackingAttributes,E=void 0===y?{}:y,z=e.isNativeSelect,C=void 0!==z&&z,A=n.useState(!1),L=A[0],j=A[1],B=function(){return!b&&j(!L)};return C?n.createElement(h,{as:"select","data-is-native":"true",value:(null==t?void 0:t.value)||void 0,disabled:b,onChange:function(n){if("string"==typeof n.target.value){var e=a.find((function(e){return e.value===n.target.value}));e&&d(e)}}},l&&n.createElement("option",{value:l,disabled:!0,selected:!0},l),a.map((function(e){return n.createElement("option",{key:"".concat(s,"-").concat(e.value),value:e.value,disabled:!!e.disabled&&e.disabled},e.label)}))):n.createElement(h,{className:o,"data-dropdown-open":L||void 0,"data-size":c,id:s,"data-has-icons":!!p,style:x,onBlur:function(){return j(!1)},tabIndex:0,"data-disabled":b},!!g&&n.createElement(k,null,g),n.createElement(m,r({onClick:B,className:g&&"with-label"},E),p," ",n.createElement("span",null,t&&t.value?t.label:l)),L&&n.createElement(v,{onClick:B,"data-has-icons":!!p},a.map((function(e){return n.createElement(f,{key:"".concat(s,"-").concat(e.value),"data-selected":t&&t.value===e.value||void 0,onClick:function(){return!e.disabled&&!b&&(null==d?void 0:d(e))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&n.createElement(w,null,e.icon),e.label)}))))};export{b as A,c as D,y as a};
+import n from"react";import{S as e,a as o}from"./index.styled-ed780131.js";import{u as t}from"./useTranslations-b3eb31ef.js";import{b as a,_ as r}from"./tslib.es6-2fa94e2c.js";import i from"styled-components";var d,s,p,l,x,u,c=function(o){var t=o.type,a=void 0===t?"solid":t,r=o.className,i=o.style;return n.createElement(e,{style:i,className:r,"data-diver-type":a,dividerType:a})},g={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},b=function(e){var a=e.role,r=e.title,i=t().t,d=a?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(a):"";return d&&g[d]?n.createElement(o,{"data-label-type":d},r||i(g[d])):null},h=i.div(d||(d=a(["\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  --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"])),(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})),m=i.div(s||(s=a(["\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})),v=i.ul(p||(p=a(["\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), -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), -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})),f=i.li(l||(l=a(["\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})),w=i.div(x||(x=a(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),k=i.div(u||(u=a(["\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"]))),y=function(e){var o=e.className,t=e.value,a=e.options,i=e.onChange,d=void 0===i?function(){}:i,s=e.id,p=e.placeholderIcon,l=e.placeholder,x=e.style,u=e.size,c=void 0===u?"lg":u,g=e.groupedWithLabel,b=e.disabled,y=e.dropdownLabelTrackingAttributes,E=void 0===y?{}:y,z=e.isNativeSelect,C=void 0!==z&&z,A=n.useState(!1),L=A[0],j=A[1],B=function(){return!b&&j(!L)};return C?n.createElement(h,{as:"select","data-is-native":"true",value:(null==t?void 0:t.value)||void 0,disabled:b,onChange:function(n){if("string"==typeof n.target.value){var e=a.find((function(e){return e.value===n.target.value}));e&&d(e)}}},l&&n.createElement("option",{value:l,disabled:!0,selected:!0},l),a.map((function(e){return n.createElement("option",{key:"".concat(s,"-").concat(e.value),value:e.value,disabled:!!e.disabled&&e.disabled},e.label)}))):n.createElement(h,{className:o,"data-dropdown-open":L||void 0,"data-size":c,id:s,"data-has-icons":!!p,style:x,onBlur:function(){return j(!1)},tabIndex:0,"data-disabled":b},!!g&&n.createElement(k,null,g),n.createElement(m,r({onClick:B,className:g&&"with-label"},E),p," ",n.createElement("span",null,t&&t.value?t.label:l)),L&&n.createElement(v,{onClick:B,"data-has-icons":!!p},a.map((function(e){return n.createElement(f,{key:"".concat(s,"-").concat(e.value),"data-selected":t&&t.value===e.value||void 0,onClick:function(){return!e.disabled&&!b&&(null==d?void 0:d(e))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&n.createElement(w,null,e.icon),e.label)}))))};export{b as A,c as D,y as a};