@hhgtech/hhg-components 1.22.35 → 1.22.37

package/build/esm/{index-f62ee0af.js → index-2297aa04.js}

@@ -1 +1 @@
-import n from"react";import{S as e,a as o}from"./index.styled-7a561061.js";import{u as t}from"./useTranslations-e769d6fe.js";import{b as a,_ as r}from"./tslib.es6-c7fb770c.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-13e79e0a.js";import{u as t}from"./useTranslations-18c52c14.js";import{b as a,_ as r}from"./tslib.es6-79b2df7f.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};

package/build/esm/{index-22818d55.js → index-2dfdd7fb.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-c7fb770c.js";import t,{forwardRef as r}from"react";var a=r((function(r,a){return t.createElement("circle",e({},r,{ref:a}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));export{a as C};
+import{_ as e}from"./tslib.es6-79b2df7f.js";import t,{forwardRef as r}from"react";var a=r((function(r,a){return t.createElement("circle",e({},r,{ref:a}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));export{a as C};

package/build/esm/{index-bb559d1f.js → index-42b9f153.js}

@@ -1 +1 @@
-import{b as n,c as t,_ as e}from"./tslib.es6-c7fb770c.js";import a from"react";import{t as i}from"./theme-4a36a09c.js";import{M as p}from"./utils-a4496303.js";import s from"styled-components";var o,l="\n  &[data-size='lg'], &[data-size='md'] {\n    font-size: 16px;\n    line-height: 28px;\n    ".concat(p.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='base'] {\n    font-size: 16px;\n    line-height: 24px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='sm'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='xs'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s1'] {\n    font-size: 18px;\n    line-height: 26px;\n    letter-spacing: -0.6px;\n    ").concat(p.tdUp," {\n      font-size: 22px;\n      line-height: 32px;\n      letter-spacing: -0.6px;\n    }\n  }\n  &[data-size='s2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 18px;\n      line-height: 28px;\n      letter-spacing: -0.4px;\n    }\n  }\n  &[data-size='s3'] {\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s4'] {\n    font-size: 12px;\n    line-height: 18px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='s5'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n  &[data-size='p1'] {\n    font-size: 16px;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n    }\n  }\n  &[data-size='p2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p3'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p4'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='c1'] {\n    font-size: 14px;\n    line-height: 22px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='c2'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n    }\n  }\n  &[data-size='n1'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 12px;\n      line-height: 18px;\n    }\n  }\n  &[data-size='label1'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='label2'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n"),c="\n  font-weight: ".concat(i.sizes.fwRegular,";\n  &[data-type='bold'], &[data-type='caption'] {\n    font-weight: ").concat(i.sizes.fwBold,";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ").concat(i.sizes.fwSemiBold,";\n  }\n"),r=s.p(o||(o=n(["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"],["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"])),i.defaultColor||i.colors.gray800,l,c,"\n  &[data-word-wrap='break-all'] {\n    word-break: break-all;\n  }\n  &[data-word-wrap='break-word'] {\n    word-break: break-word;\n  }\n  &[data-is-uppercase], &[data-type='caption'] {\n    text-transform: uppercase;\n  }\n"),x=function(n){var i=n.size,p=void 0===i?"base":i,s=n.type,o=void 0===s?"regular":s,l=n.title,c=n.className,x=n.style,d=n.children,h=n.color,g=n.dataEventCategory,z=n.dataEventAction,f=n.dataEventLabel,m=n.as,w=n.wordWrap,y=n.isUppercase,U=n.dangerouslySetInnerHTML,b=t(n,["size","type","title","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase","dangerouslySetInnerHTML"]),v={"--custom-color":h};return a.createElement(r,e({title:l,"data-size":p,"data-type":o,style:e(e({},x),v),className:c,"data-event-category":g,"data-event-action":z,"data-event-label":f,"data-word-wrap":w,"data-is-uppercase":y,as:m,dangerouslySetInnerHTML:U},b),d)};export{x as T};
+import{b as n,c as e,_ as t}from"./tslib.es6-79b2df7f.js";import a from"react";import{t as i}from"./theme-29b39119.js";import{M as p}from"./utils-0927ef12.js";import s from"styled-components";var o,l="\n  &[data-size='lg'], &[data-size='md'] {\n    font-size: 16px;\n    line-height: 28px;\n    ".concat(p.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='base'] {\n    font-size: 16px;\n    line-height: 24px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='sm'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='xs'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s1'] {\n    font-size: 18px;\n    line-height: 26px;\n    letter-spacing: -0.6px;\n    ").concat(p.tdUp," {\n      font-size: 22px;\n      line-height: 32px;\n      letter-spacing: -0.6px;\n    }\n  }\n  &[data-size='s2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 18px;\n      line-height: 28px;\n      letter-spacing: -0.4px;\n    }\n  }\n  &[data-size='s3'] {\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s4'] {\n    font-size: 12px;\n    line-height: 18px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='s5'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n  &[data-size='p1'] {\n    font-size: 16px;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n    }\n  }\n  &[data-size='p2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p3'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p4'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='c1'] {\n    font-size: 14px;\n    line-height: 22px;\n    ").concat(p.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='c2'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n    }\n  }\n  &[data-size='n1'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(p.tdUp," {\n      font-size: 12px;\n      line-height: 18px;\n    }\n  }\n  &[data-size='label1'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(p.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='label2'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n"),c="\n  font-weight: ".concat(i.sizes.fwRegular,";\n  &[data-type='bold'], &[data-type='caption'] {\n    font-weight: ").concat(i.sizes.fwBold,";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ").concat(i.sizes.fwSemiBold,";\n  }\n"),r=s.p(o||(o=n(["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"],["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"])),i.defaultColor||i.colors.gray800,l,c,"\n  &[data-word-wrap='break-all'] {\n    word-break: break-all;\n  }\n  &[data-word-wrap='break-word'] {\n    word-break: break-word;\n  }\n  &[data-is-uppercase], &[data-type='caption'] {\n    text-transform: uppercase;\n  }\n"),x=function(n){var i=n.size,p=void 0===i?"base":i,s=n.type,o=void 0===s?"regular":s,l=n.title,c=n.className,x=n.style,d=n.children,h=n.color,g=n.dataEventCategory,z=n.dataEventAction,f=n.dataEventLabel,m=n.as,b=n.wordWrap,w=n.isUppercase,y=n.dangerouslySetInnerHTML,U=e(n,["size","type","title","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase","dangerouslySetInnerHTML"]),v={"--custom-color":h};return a.createElement(r,t({title:l,"data-size":p,"data-type":o,style:t(t({},x),v),className:c,"data-event-category":g,"data-event-action":z,"data-event-label":f,"data-word-wrap":b,"data-is-uppercase":w,as:m,dangerouslySetInnerHTML:y},U),d)};export{x as T};

package/build/esm/index-48ae6197.js

@@ -0,0 +1 @@
+import{_ as e,c as a}from"./tslib.es6-79b2df7f.js";import t,{useState as r,useEffect as n,forwardRef as o}from"react";import{createEmotionCache as i,FileInput as s,NumberInput as m,PasswordInput as l,TextInput as Y}from"@mantine/core";import{useDebouncedValue as u}from"@mantine/hooks";import{L as d}from"./Locale-0891750a.js";import{CommonGAssets as p}from"./gAssets.js";var c,g=300,M=i({key:"mantine",prepend:!1}),f=((c={})[d.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},c[d.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},c[d.India]={dateFormat:"DD/MM/YYYY",separator:"."},c[d.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},c[d.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},c[d.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},c[d.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},c[d.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},c[d.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},c[d.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},c),v=p.getAssetPath("EyeVisible.svg"),D=p.getAssetPath("EyeHidden.svg"),h=o((function(r,n){var o=r.size,i=void 0===o?"md":o,s=r.visibilityToggleIcon,m=r.styles,Y=a(r,["size","visibilityToggleIcon","styles"]),u=s||function(e){var a=e.reveal,r=e.size;return a?t.createElement("img",{src:v,width:r}):t.createElement("img",{src:D,width:r})};return t.createElement(l,e({ref:n,size:i,visibilityToggleIcon:u,styles:e({rightSection:{pointerEvents:"initial"}},m)},Y))})),y=function(o){var i=o.value,s=o.onChange,m=a(o,["value","onChange"]),l=r(i||""),d=l[0],p=l[1],c=u(d,300)[0];return n((function(){null==s||s(c)}),[c]),n((function(){p(i)}),[i]),t.createElement(Y,e({size:"md",onChange:function(e){return p(e.currentTarget.value)},value:d},m))};y.File=function(a){return t.createElement(s,e({size:"md"},a))},y.Password=h,y.Number=function(o){var i=o.value,s=o.onChange,l=a(o,["value","onChange"]),Y=r(i||0),d=Y[0],p=Y[1],c=u(d,300)[0];return n((function(){null==s||s(c)}),[c]),n((function(){p(i)}),[i]),t.createElement(m,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:p,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:d},l))};export{g as D,y as I,f as a,M as e};