@hhgtech/hhg-components 1.25.32 → 1.25.33

package/build/esm/{index-1908c444.js → index-1c47b9ac.js}

@@ -1 +1 @@
-import e from"react";import{AspectRatio as t,Switch as a}from"@mantine/core";import{I as f}from"./index-5cbfc553.js";import{L as o}from"./Onboarding-be9d57d4.js";import"dayjs";import"./screenSizeContext-02e5ce79.js";import"styled-components";import{t as s}from"./theme-6f6624bb.js";import{B as i}from"./utils-e859f714.js";import"./isProduction-e0745aac.js";import"./gAssets.js";import{m as r,A as c,n,G as d,o as l,p as m}from"./index-e8a7fe84.js";const b=a=>e.createElement(t,Object.assign({sx:{borderRadius:4,overflow:"hidden"}},a)),p=a,g={Button:{defaultProps:{size:"md"}}},C={Checkbox:{styles:{input:r}}},B=e=>({InputWrapper:{styles:{label:{display:"inline-flex",gap:4,marginBottom:"0.25rem",fontWeight:600,fontSize:"14px",lineHeight:"22px",color:s.colors.gray600},description:{fontWeight:400,fontSize:"12px",lineHeight:"18px",color:s.colors.gray600,marginBottom:"0.25rem"},error:{marginTop:"0.25rem"}}},NumberInput:{defaultProps:{decimalSeparator:f[e].separator}},Input:{styles:(e,t)=>({input:{border:`1px solid ${s.colors.gray200}`,transition:`all ${c} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign({},(()=>{switch(t.size){case"lg":return{height:48,fontSize:16,minHeight:"unset",lineHeight:"24px"};case"md":return{height:40,fontSize:14,lineHeight:"22px",minHeight:"unset"};case"sm":return{height:32,fontSize:14,lineHeight:"22px",minHeight:"unset"}}})()),"&:hover":{border:`1px solid ${e.primaryColor}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`}},invalid:{border:`1px solid ${s.colors.red600}`,color:"#000"}})}}),A={hb:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],mb:["#FFE9F1","#F8CCDC","#F5B4CB","#F29CBA","#EE84AA","#EB6B99","#E85388","#D34C7C","#BE446F","#A93D63"],blue:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],gray:["#fafafa","#f2f2f2","#d9d9d9","#bfbfbf","#8c8c8c","#737373","#595959","#404040","#262626"],neutral:["#f8f9fc","#e4e8ec","#fafafa","#d2d6dc","#bfc5cc","#adb3bc","#9aa2ac","#87909c","#757f8c","#626d7c"],green:["#e0f8ee","#b3eed5","#7ce2b9","#2ed69e","#00CB8A","#00C076","#00B16A","#009E5C","#008C50","#006C39"],pink:["#fff1f6","#fec7dc","#fec7dc","#fec2cf","#fe9dc2","#fd87b4","#fd72a7","#fc5d9a","#fc488d","#E92D74"],violet:["#F5EDFF","#E7D2F7","#D8B7F0","#CA9CE8","#BB82E1","#AD67D9","#9E4CD1","#9031CA","#8116C2","#63059D"],yellow:["#fff8e2","#ffecb6","#ffe187","#ffd658","#ffc326","#fe921d","#ffb521","#fea21e","#fe921d","#fc7419"],teal:["#e0f7fc","#b1ebf8","#7ddff3","#44d1ec","#00c7e6","#00bee0","#00aecd","#0099b2","#008599","#00626c"],indigol:["#CEDDF0","#ACC5E6","#95B3DA","#85A6CF","#6D91BE","#5F85B5","#4C77AC","#35639C","#284A75","#1B3250"],redViolet:["#F3EAEB","#E8D5D7","#DDC1C4","#D1ACB0","#C5979C","#BA8288","#AF6D74","#A35961","#97444D","#8C2F39"]},u=(e,t="hb")=>({defaultRadius:"hb"===t?4:16,datesLocale:n[e],dateFormat:f[e].dateFormat,colors:Object.assign(Object.assign({},A),s.colors),primaryColor:t,primaryShade:6,fontFamily:e===o.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",breakpoints:{xs:i.BREAK_POINT_SMALL_MOBILE,sm:i.BREAK_POINT_MOBILE,md:i.BREAK_POINT_TABLET,lg:i.BREAK_POINT_PC,xl:i.BREAK_POINT_LGPC},components:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},B(e)),C),d),g),l),m)});export{b as A,p as S,u as g,A as t};
+import e from"react";import{AspectRatio as t,Switch as a}from"@mantine/core";import{I as f}from"./index-8348bd60.js";import{L as o}from"./Onboarding-42f57697.js";import"dayjs";import"./screenSizeContext-52ab8f6d.js";import"styled-components";import{t as s}from"./theme-e496c007.js";import{B as i}from"./utils-eaf818cd.js";import"./isProduction-7f934eb5.js";import"./gAssets.js";import{m as r,A as c,n,G as d,o as l,p as m}from"./index-ff1d78ab.js";const b=a=>e.createElement(t,Object.assign({sx:{borderRadius:4,overflow:"hidden"}},a)),p=a,g={Button:{defaultProps:{size:"md"}}},C={Checkbox:{styles:{input:r}}},B=e=>({InputWrapper:{styles:{label:{display:"inline-flex",gap:4,marginBottom:"0.25rem",fontWeight:600,fontSize:"14px",lineHeight:"22px",color:s.colors.gray600},description:{fontWeight:400,fontSize:"12px",lineHeight:"18px",color:s.colors.gray600,marginBottom:"0.25rem"},error:{marginTop:"0.25rem"}}},NumberInput:{defaultProps:{decimalSeparator:f[e].separator}},Input:{styles:(e,t)=>({input:{border:`1px solid ${s.colors.gray200}`,transition:`all ${c} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign({},(()=>{switch(t.size){case"lg":return{height:48,fontSize:16,minHeight:"unset",lineHeight:"24px"};case"md":return{height:40,fontSize:14,lineHeight:"22px",minHeight:"unset"};case"sm":return{height:32,fontSize:14,lineHeight:"22px",minHeight:"unset"}}})()),"&:hover":{border:`1px solid ${e.primaryColor}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`}},invalid:{border:`1px solid ${s.colors.red600}`,color:"#000"}})}}),A={hb:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],mb:["#FFE9F1","#F8CCDC","#F5B4CB","#F29CBA","#EE84AA","#EB6B99","#E85388","#D34C7C","#BE446F","#A93D63"],blue:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],gray:["#fafafa","#f2f2f2","#d9d9d9","#bfbfbf","#8c8c8c","#737373","#595959","#404040","#262626"],neutral:["#f8f9fc","#e4e8ec","#fafafa","#d2d6dc","#bfc5cc","#adb3bc","#9aa2ac","#87909c","#757f8c","#626d7c"],green:["#e0f8ee","#b3eed5","#7ce2b9","#2ed69e","#00CB8A","#00C076","#00B16A","#009E5C","#008C50","#006C39"],pink:["#fff1f6","#fec7dc","#fec7dc","#fec2cf","#fe9dc2","#fd87b4","#fd72a7","#fc5d9a","#fc488d","#E92D74"],violet:["#F5EDFF","#E7D2F7","#D8B7F0","#CA9CE8","#BB82E1","#AD67D9","#9E4CD1","#9031CA","#8116C2","#63059D"],yellow:["#fff8e2","#ffecb6","#ffe187","#ffd658","#ffc326","#fe921d","#ffb521","#fea21e","#fe921d","#fc7419"],teal:["#e0f7fc","#b1ebf8","#7ddff3","#44d1ec","#00c7e6","#00bee0","#00aecd","#0099b2","#008599","#00626c"],indigol:["#CEDDF0","#ACC5E6","#95B3DA","#85A6CF","#6D91BE","#5F85B5","#4C77AC","#35639C","#284A75","#1B3250"],redViolet:["#F3EAEB","#E8D5D7","#DDC1C4","#D1ACB0","#C5979C","#BA8288","#AF6D74","#A35961","#97444D","#8C2F39"]},u=(e,t="hb")=>({defaultRadius:"hb"===t?4:16,datesLocale:n[e],dateFormat:f[e].dateFormat,colors:Object.assign(Object.assign({},A),s.colors),primaryColor:t,primaryShade:6,fontFamily:e===o.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",breakpoints:{xs:i.BREAK_POINT_SMALL_MOBILE,sm:i.BREAK_POINT_MOBILE,md:i.BREAK_POINT_TABLET,lg:i.BREAK_POINT_PC,xl:i.BREAK_POINT_LGPC},components:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},B(e)),C),d),g),l),m)});export{b as A,p as S,u as g,A as t};

package/build/esm/index-1e3a8e95.js

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-e7882279.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{B as s}from"./index-fd260605.js";import{D as r,S as i,i as l}from"./index-ff1d78ab.js";const m=m=>{var{color:c,withControl:h,onChange:d,value:g,min:w,max:p,isStatic:u,containerClassName:k,containerStyle:v}=m,x=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[f,C]=o(g||w||0),[E]=a(f,r);return n((()=>{null==d||d(E)}),[E]),n((()=>{C(g)}),[g]),t.createElement(i,{className:k,style:v},h&&t.createElement(s,{type:"button",size:"sm",color:"ghost",onClick:()=>{C((e=>w&&e===w?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),t.createElement(l,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:c,value:f,onChange:u?()=>null:C,min:w,max:p},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(s,{type:"button",size:"sm",color:"ghost",onClick:()=>{C((e=>p&&e===p?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};

package/build/esm/{index-f561d910.js → index-424203ba.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-efff7bec.js";import t from"react";import{Autocomplete as r,Image as s,Select as o}from"@mantine/core";import{CommonGAssets as n}from"./gAssets.js";const c=c=>{var{keepSearch:a=!1}=c,i=e(c,["keepSearch"]);return a?t.createElement(r,Object.assign({rightSection:t.createElement(s,{src:n.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):t.createElement(o,Object.assign({rightSection:t.createElement(s,{src:n.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))};export{c as S};
+import{_ as e}from"./tslib.es6-e7882279.js";import t from"react";import{Autocomplete as r,Image as s,Select as o}from"@mantine/core";import{CommonGAssets as n}from"./gAssets.js";const a=a=>{var{keepSearch:c=!1}=a,i=e(a,["keepSearch"]);return c?t.createElement(r,Object.assign({rightSection:t.createElement(s,{src:n.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):t.createElement(o,Object.assign({rightSection:t.createElement(s,{src:n.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))};export{a as S};

package/build/esm/index-52b1a9e8.js

@@ -0,0 +1 @@
+import{_ as a}from"./tslib.es6-e7882279.js";import t from"react";import{Anchor as e}from"@mantine/core";import{k as o}from"./index-ff1d78ab.js";const s=s=>{var{color:r,styles:n,className:c,dataEventCategory:l,dataEventAction:m,dataEventLabel:d}=s,i=a(s,["color","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:v,cx:E}=o({color:r},{name:"Anchor",styles:n});return t.createElement(e,Object.assign({className:E(v.root,c),"data-event-category":l,"data-event-action":m,"data-event-label":d},i))};export{s as A};

package/build/esm/{index-16b2c63a.js → index-52f44ef0.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-efff7bec.js";import t from"react";import{CommonGAssets as s}from"./gAssets.js";import{j as r}from"./index-e8a7fe84.js";const l=l=>{var{title:o}=l,n=e(l,["title"]);return t.createElement(t.Fragment,null,t.createElement(r,Object.assign({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},n,{withCloseButton:!1,title:n.withCloseButton&&t.createElement(t.Fragment,null,o,t.createElement("img",{className:"mantine-Modal-close",src:s.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=n.onClose)||void 0===e?void 0:e.call(n)}}))})))};export{l as M};
+import{_ as e}from"./tslib.es6-e7882279.js";import t from"react";import{CommonGAssets as s}from"./gAssets.js";import{j as r}from"./index-ff1d78ab.js";const l=l=>{var{title:o}=l,n=e(l,["title"]);return t.createElement(t.Fragment,null,t.createElement(r,Object.assign({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},n,{withCloseButton:!1,title:n.withCloseButton&&t.createElement(t.Fragment,null,o,t.createElement("img",{className:"mantine-Modal-close",src:s.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=n.onClose)||void 0===e?void 0:e.call(n)}}))})))};export{l as M};

package/build/esm/{index-4cf183c1.js → index-59112088.js}

@@ -1 +1 @@
-import{_ as t}from"./tslib.es6-efff7bec.js";import a from"react";var e="xzO2I0N";const n=n=>{var{as:o,tag:s,className:c,children:i,title:l,color:r,style:d,fontWeight:g,dataEventCategory:v,dataEventAction:m,dataEventLabel:b}=n,f=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const E=o||s;return a.createElement(E,Object.assign({title:l,style:Object.assign(Object.assign({},r?{"--custom-heading-color":r}:void 0),d),"data-tag":s,"data-font-weight":g||void 0,"data-event-category":v,"data-event-action":m,"data-event-label":b,className:`${e} ${c||""}`},f),i)};export{n as H};
+import{_ as t}from"./tslib.es6-e7882279.js";import a from"react";var e="xzO2I0N";const n=n=>{var{as:o,tag:s,className:c,children:i,title:l,color:r,style:d,fontWeight:g,dataEventCategory:v,dataEventAction:m,dataEventLabel:b}=n,E=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const h=o||s;return a.createElement(h,Object.assign({title:l,style:Object.assign(Object.assign({},r?{"--custom-heading-color":r}:void 0),d),"data-tag":s,"data-font-weight":g||void 0,"data-event-category":v,"data-event-action":m,"data-event-label":b,className:`${e} ${c||""}`},E),i)};export{n as H};

package/build/esm/{index-7180cc14.js → index-5f321c02.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-efff7bec.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,a as r,b as l,c as i}from"./index.styled-a34b0506.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:b=!0,actionIcon:y,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:f,size:I,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),x=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":I,className:h,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},f||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},x,j)),C&&a.createElement(r,{className:"displayIcon"},C),y&&a.createElement(l,{className:"actionIcon",onClick:v},y)),p&&p.length>0&&b&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};
+import{_ as e}from"./tslib.es6-e7882279.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,a as r,b as l,c as i}from"./index.styled-aa8ed43e.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:y=!0,actionIcon:b,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),x=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!b||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},x,j)),C&&a.createElement(r,{className:"displayIcon"},C),b&&a.createElement(l,{className:"actionIcon",onClick:v},b)),p&&p.length>0&&y&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};

package/build/esm/index-6a862008.js

@@ -0,0 +1 @@
+import{_ as t}from"./tslib.es6-e7882279.js";import e from"react";import{Text as a}from"@mantine/core";import"dayjs";import"./screenSizeContext-52ab8f6d.js";import"styled-components";import{t as s}from"./theme-e496c007.js";import"./index-8348bd60.js";import"./utils-eaf818cd.js";import"./isProduction-7f934eb5.js";import"./Onboarding-42f57697.js";import"./gAssets.js";import{h as o}from"./index-ff1d78ab.js";const r=r=>{var{size:i,color:n=s.colors.gray800,weight:m="regular",as:c="p",styles:l,className:d,dataEventCategory:p,dataEventAction:f,dataEventLabel:g}=r,j=t(r,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:b,cx:v}=o({size:i,weight:m},{name:"Text",styles:l});return e.createElement(a,Object.assign({className:v(b.root,d),color:n,component:c,"data-event-category":p,"data-event-action":f,"data-event-label":g},j))};export{r as T};

package/build/esm/{index-a807887c.js → index-7a0ea12a.js}

@@ -1 +1 @@
-import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-be9d57d4.js";var b=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return n},get OnboardingStep(){return o}});export{b as i};
+import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-42f57697.js";var s=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return n},get OnboardingStep(){return o}});export{s as i};