@hhgtech/hhg-components 1.22.24-beta-1 → 1.22.25-beta-1

package/build/esm/index-4bbbaea5.js

@@ -0,0 +1 @@
+import{_ as e,c as a}from"./tslib.es6-7aba9df9.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-58f7939b.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};

package/build/esm/{index-fb3d5ccd.js → index-6d3548ca.js}

@@ -1 +1 @@
-import{b as e,c as n,_ as r}from"./tslib.es6-7fcaa1ba.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-7aba9df9.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};

package/build/esm/{index-160f4466.js → index-771ac4dc.js}

@@ -1 +1 @@
-import n from"react";import{S as e,a as o}from"./index.styled-a86147b1.js";import{u as t}from"./useTranslations-8caea833.js";import{b as a,_ as r}from"./tslib.es6-7fcaa1ba.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-29a569c8.js";import{u as t}from"./useTranslations-4993ce33.js";import{b as a,_ as r}from"./tslib.es6-7aba9df9.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-a3ecf9cd.js

@@ -0,0 +1 @@
+import{G as r,B as t,a as e,b as a,L as o}from"./Locale-58f7939b.js";var n=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return o}});export{n as i};