@hhgtech/hhg-components 1.23.34 → 1.23.35

package/build/{index-be3b2bcb.js → index-b07d4159.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-b92ce3f2.js"),t=require("react"),a=require("@mantine/core"),n=require("@mantine/hooks"),r=require("./Locale-46d2718b.js"),o=require("./gAssets.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,u=s(t),l="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var d=a.createEmotionCache({key:"mantine",prepend:!1}),c=((i={})[r.LOCALE.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},i[r.LOCALE.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},i[r.LOCALE.India]={dateFormat:"DD/MM/YYYY",separator:"."},i[r.LOCALE.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},i[r.LOCALE.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},i[r.LOCALE.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},i[r.LOCALE.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},i[r.LOCALE.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},i[r.LOCALE.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},i[r.LOCALE.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},i),m=o.CommonGAssets.getAssetPath("EyeVisible.svg"),f=o.CommonGAssets.getAssetPath("EyeHidden.svg"),p=t.forwardRef((function(t,n){var r=t.size,o=void 0===r?"md":r,s=t.visibilityToggleIcon,i=t.styles,l=e.__rest(t,["size","visibilityToggleIcon","styles"]),d=s||function(e){var t=e.reveal,a=e.size;return t?u.default.createElement("img",{src:m,width:a}):u.default.createElement("img",{src:f,width:a})};return u.default.createElement(a.PasswordInput,e.__assign({ref:n,size:o,visibilityToggleIcon:d,styles:e.__assign({rightSection:{pointerEvents:"initial"}},i)},l,{className:"input-control ".concat((null==l?void 0:l.className)||"")}))})),Y=function(r){var o=r.value,s=r.onChange,i=e.__rest(r,["value","onChange"]),l=t.useState(o||""),d=l[0],c=l[1],m=n.useDebouncedValue(d,300)[0];return t.useEffect((function(){null==s||s(m)}),[m]),t.useEffect((function(){c(o)}),[o]),u.default.createElement(a.TextInput,e.__assign({size:"md",onChange:function(e){return c(e.currentTarget.value)},value:d},i,{className:"input-control ".concat((null==i?void 0:i.className)||"")}))};Y.File=function(t){return u.default.createElement(a.FileInput,e.__assign({size:"md"},t))},Y.Password=p,Y.Number=function(r){var o=r.value,s=r.onChange,i=e.__rest(r,["value","onChange"]),l=t.useState(o||0),d=l[0],c=l[1],m=n.useDebouncedValue(d,300)[0];return t.useEffect((function(){null==s||s(m)}),[m]),t.useEffect((function(){c(o)}),[o]),u.default.createElement(a.NumberInput,e.__assign({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:c,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:d},i))},exports.DEBOUNCED_TIME=300,exports.ISO_FORMAT=c,exports.Input=Y,exports.PasswordInput=p,exports.commonjsGlobal=l,exports.createCommonjsModule=function(e){var t={exports:{}};return e(t,t.exports),t.exports},exports.emotionCache=d;
+"use strict";var e=require("./tslib.es6-2c02c5e0.js"),t=require("react"),a=require("@mantine/core"),n=require("@mantine/hooks"),r=require("./Locale-6dc827b9.js"),o=require("./gAssets.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,u=s(t),l="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var c=a.createEmotionCache({key:"mantine",prepend:!1}),d=((i={})[r.LOCALE.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},i[r.LOCALE.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},i[r.LOCALE.India]={dateFormat:"DD/MM/YYYY",separator:"."},i[r.LOCALE.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},i[r.LOCALE.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},i[r.LOCALE.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},i[r.LOCALE.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},i[r.LOCALE.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},i[r.LOCALE.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},i[r.LOCALE.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},i),m=o.CommonGAssets.getAssetPath("EyeVisible.svg"),f=o.CommonGAssets.getAssetPath("EyeHidden.svg"),p=t.forwardRef((function(t,n){var r=t.size,o=void 0===r?"md":r,s=t.visibilityToggleIcon,i=t.styles,l=e.__rest(t,["size","visibilityToggleIcon","styles"]),c=s||function(e){var t=e.reveal,a=e.size;return t?u.default.createElement("img",{src:m,width:a}):u.default.createElement("img",{src:f,width:a})};return u.default.createElement(a.PasswordInput,e.__assign({ref:n,size:o,visibilityToggleIcon:c,styles:e.__assign({rightSection:{pointerEvents:"initial"}},i)},l,{className:"input-control ".concat((null==l?void 0:l.className)||"")}))})),Y=function(r){var o=r.value,s=r.onChange,i=e.__rest(r,["value","onChange"]),l=t.useState(o||""),c=l[0],d=l[1],m=n.useDebouncedValue(c,300)[0];return t.useEffect((function(){null==s||s(m)}),[m]),t.useEffect((function(){d(o)}),[o]),u.default.createElement(a.TextInput,e.__assign({size:"md",onChange:function(e){return d(e.currentTarget.value)},value:c},i,{className:"input-control ".concat((null==i?void 0:i.className)||"")}))};Y.File=function(t){return u.default.createElement(a.FileInput,e.__assign({size:"md"},t))},Y.Password=p,Y.Number=function(r){var o=r.value,s=r.onChange,i=e.__rest(r,["value","onChange"]),l=t.useState(o||0),c=l[0],d=l[1],m=n.useDebouncedValue(c,300)[0];return t.useEffect((function(){null==s||s(m)}),[m]),t.useEffect((function(){d(o)}),[o]),u.default.createElement(a.NumberInput,e.__assign({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:d,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:c},i))},exports.DEBOUNCED_TIME=300,exports.ISO_FORMAT=d,exports.Input=Y,exports.PasswordInput=p,exports.commonjsGlobal=l,exports.createCommonjsModule=function(e){var t={exports:{}};return e(t,t.exports),t.exports},exports.emotionCache=c;

package/build/{index-e593d434.js → index-b34cf08a.js}

@@ -1 +1 @@
-"use strict";var n=require("react"),e=require("./FullScreen-dc9b8a8b.js"),t=require("./useTranslations-81f2e449.js"),a=require("./tslib.es6-b92ce3f2.js"),o=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,d,l,s,p,u,c=r(n),x=r(o),b="U9NRDG6",g={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},h=x.default.div(i||(i=a.__makeTemplateObject(["\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=x.default.div(d||(d=a.__makeTemplateObject(["\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})),f=x.default.ul(l||(l=a.__makeTemplateObject(["\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})),v=x.default.li(s||(s=a.__makeTemplateObject(["\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=x.default.div(p||(p=a.__makeTemplateObject(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),k=x.default.div(u||(u=a.__makeTemplateObject(["\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"])));exports.AuthorBadge=function(n){var e=n.role,a=n.title,o=t.useTranslations().t,r=e?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(e):"";return r&&g[r]?c.default.createElement("div",{className:b,"data-label-type":r},a||o(g[r])):null},exports.Checkbox=function(n){var t=n.label,a=n.name,o=n.checked,r=n.className,i=n.isDisabled,d=n.onChange,l=n.value,s=n.isRectangle,p=n.inputDataTestId,u=n.siteType;return c.default.createElement(e.StyledCheckbox,{className:r,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":u},c.default.createElement("input",{type:"checkbox",checked:o,name:a,onChange:function(){return d(l,!o)},disabled:i,value:l,id:"".concat(a,"-").concat(l),"data-label-text":t,"data-testid":p}),!s&&c.default.createElement("label",{htmlFor:"".concat(a,"-").concat(l)},t))},exports.Divider=function(n){var t=n.type,a=void 0===t?"solid":t,o=n.className,r=n.style;return c.default.createElement(e.StyledDivider,{style:r,className:o,"data-diver-type":a,dividerType:a})},exports.Dropdown=function(n){var e=n.className,t=n.value,o=n.options,r=n.onChange,i=void 0===r?function(){}:r,d=n.id,l=n.placeholderIcon,s=n.placeholder,p=n.style,u=n.size,x=void 0===u?"lg":u,b=n.groupedWithLabel,g=n.disabled,y=n.dropdownLabelTrackingAttributes,E=void 0===y?{}:y,C=n.isNativeSelect,z=void 0!==C&&C,j=c.default.useState(!1),_=j[0],A=j[1],T=function(){return!g&&A(!_)};return z?c.default.createElement(h,{as:"select","data-is-native":"true",value:(null==t?void 0:t.value)||void 0,disabled:g,onChange:function(n){if("string"==typeof n.target.value){var e=o.find((function(e){return e.value===n.target.value}));e&&i(e)}}},s&&c.default.createElement("option",{value:s,disabled:!0,selected:!0},s),o.map((function(n){return c.default.createElement("option",{key:"".concat(d,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):c.default.createElement(h,{className:e,"data-dropdown-open":_||void 0,"data-size":x,id:d,"data-has-icons":!!l,style:p,onBlur:function(){return A(!1)},tabIndex:0,"data-disabled":g},!!b&&c.default.createElement(k,null,b),c.default.createElement(m,a.__assign({onClick:T,className:b&&"with-label"},E),l," ",c.default.createElement("span",null,t&&t.value?t.label:s)),_&&c.default.createElement(f,{onClick:T,"data-has-icons":!!l},o.map((function(n){return c.default.createElement(v,{key:"".concat(d,"-").concat(n.value),"data-selected":t&&t.value===n.value||void 0,onClick:function(){return!n.disabled&&!g&&(null==i?void 0:i(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&c.default.createElement(w,null,n.icon),n.label)}))))};
+"use strict";var n=require("react"),e=require("./FullScreen-de0e4f37.js"),t=require("./useTranslations-1c0fd75d.js"),a=require("./tslib.es6-2c02c5e0.js"),o=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,d,l,s,p,u,c=r(n),x=r(o),b="U9NRDG6",g={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},h=x.default.div(i||(i=a.__makeTemplateObject(["\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=x.default.div(d||(d=a.__makeTemplateObject(["\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})),f=x.default.ul(l||(l=a.__makeTemplateObject(["\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})),v=x.default.li(s||(s=a.__makeTemplateObject(["\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=x.default.div(p||(p=a.__makeTemplateObject(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),k=x.default.div(u||(u=a.__makeTemplateObject(["\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"])));exports.AuthorBadge=function(n){var e=n.role,a=n.title,o=t.useTranslations().t,r=e?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(e):"";return r&&g[r]?c.default.createElement("div",{className:b,"data-label-type":r},a||o(g[r])):null},exports.Checkbox=function(n){var t=n.label,a=n.name,o=n.checked,r=n.className,i=n.isDisabled,d=n.onChange,l=n.value,s=n.isRectangle,p=n.inputDataTestId,u=n.siteType;return c.default.createElement(e.StyledCheckbox,{className:r,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":u},c.default.createElement("input",{type:"checkbox",checked:o,name:a,onChange:function(){return d(l,!o)},disabled:i,value:l,id:"".concat(a,"-").concat(l),"data-label-text":t,"data-testid":p}),!s&&c.default.createElement("label",{htmlFor:"".concat(a,"-").concat(l)},t))},exports.Divider=function(n){var t=n.type,a=void 0===t?"solid":t,o=n.className,r=n.style;return c.default.createElement(e.StyledDivider,{style:r,className:o,"data-diver-type":a,dividerType:a})},exports.Dropdown=function(n){var e=n.className,t=n.value,o=n.options,r=n.onChange,i=void 0===r?function(){}:r,d=n.id,l=n.placeholderIcon,s=n.placeholder,p=n.style,u=n.size,x=void 0===u?"lg":u,b=n.groupedWithLabel,g=n.disabled,y=n.dropdownLabelTrackingAttributes,E=void 0===y?{}:y,C=n.isNativeSelect,z=void 0!==C&&C,j=c.default.useState(!1),_=j[0],A=j[1],T=function(){return!g&&A(!_)};return z?c.default.createElement(h,{as:"select","data-is-native":"true",value:(null==t?void 0:t.value)||void 0,disabled:g,onChange:function(n){if("string"==typeof n.target.value){var e=o.find((function(e){return e.value===n.target.value}));e&&i(e)}}},s&&c.default.createElement("option",{value:s,disabled:!0,selected:!0},s),o.map((function(n){return c.default.createElement("option",{key:"".concat(d,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):c.default.createElement(h,{className:e,"data-dropdown-open":_||void 0,"data-size":x,id:d,"data-has-icons":!!l,style:p,onBlur:function(){return A(!1)},tabIndex:0,"data-disabled":g},!!b&&c.default.createElement(k,null,b),c.default.createElement(m,a.__assign({onClick:T,className:b&&"with-label"},E),l," ",c.default.createElement("span",null,t&&t.value?t.label:s)),_&&c.default.createElement(f,{onClick:T,"data-has-icons":!!l},o.map((function(n){return c.default.createElement(v,{key:"".concat(d,"-").concat(n.value),"data-selected":t&&t.value===n.value||void 0,onClick:function(){return!n.disabled&&!g&&(null==i?void 0:i(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&c.default.createElement(w,null,n.icon),n.label)}))))};