@lanaco/lnc-react-ui 4.0.73 → 4.0.75

package/dist/BannerSectionSimple.cjs

@@ -3,8 +3,8 @@
   border-radius: 0.75rem;
   background-color: ${e=>e.bgcolor||"transparent"};
   overflow: hidden;
-  max-height: ${e=>e.height||"22.5rem"};
-  min-height: ${e=>e.height||"22.5rem"};
+  max-height: ${e=>`${e.height}px`||"22.5rem"};
+  min-height: ${e=>`${e.height}px`||"22.5rem"};
   background-color: ${e=>e.bgcolor||"transparent"};
 
   & button {
@@ -13,10 +13,10 @@
 
   & img {
     object-fit: cover;
-    max-width: ${e=>e.imgW||"22.5rem"};
-    min-width: ${e=>e.imgW||"22.5rem"};
-    max-height: ${e=>e.height||"22.5rem"};
-    min-height: ${e=>e.height||"22.5rem"};
+    max-width: ${e=>`${e.imgW}px`||"22.5rem"};
+    min-width: ${e=>`${e.imgW}px`||"22.5rem"};
+    max-height: ${e=>`${e.height}px`||"22.5rem"};
+    min-height: ${e=>`${e.height}px`||"22.5rem"};
   }
 
   ${e=>e.hasBorder===!0&&`border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
@@ -38,8 +38,8 @@
     & img {
       max-width: 100%;
       min-width: 100%;
-      max-height: ${e=>e.imgHMob||"12.1rem"};
-      min-height: ${e=>e.imgHMob||"12.1rem"};
+      max-height: ${e=>`${e.imgHMob}px`||"12.1rem"};
+      min-height: ${e=>`${e.imgHMob}px`||"12.1rem"};
     }
   }
 `,H=i.styled.div`
@@ -74,4 +74,4 @@
   @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
   }
-`,_=j.forwardRef((e,m)=>{const{title:d,subtitle:l,buttonText:h,buttonLink:c,onButtonAction:g=()=>{},imageUrl:o,imagePosition:n="right",hideImageForMobile:s=!1,sectionHeight:u="12.65625rem",imageWidth:x,imageHeightMobile:b,smallPadding:p=!1,isHorizontalContent:f=!1,backgroundColor:w,hasBorder:$=!1}=e,a=M.useDetectMobile();return t.jsxs(v,{ref:m,bgcolor:w,height:u,imgW:x,imgHMob:b,hasBorder:$,children:[n!=="right"&&!(s===!0&&a===!0)&&t.jsx("img",{src:o}),t.jsxs(H,{isHorizontalContent:f,smallPadding:p,children:[t.jsxs(B,{children:[t.jsx("div",{className:"header-title",children:d}),t.jsx("div",{className:"header-subitle",children:l})]}),t.jsx(y,{size:"medium",color:"neutral",type:"button",onClick:()=>g(c),children:h})]}),n==="right"&&!(s===!0&&a===!0)&&t.jsx("img",{src:o})]})});module.exports=_;
+`,_=j.forwardRef((e,m)=>{const{title:d,subtitle:l,buttonText:h,buttonLink:c,onButtonAction:g=()=>{},imageUrl:o,imagePosition:n="right",hideImageForMobile:s=!1,sectionHeight:x="12.65625rem",imageWidth:u,imageHeightMobile:p,smallPadding:b=!1,isHorizontalContent:$=!1,backgroundColor:f,hasBorder:w=!1}=e,a=M.useDetectMobile();return t.jsxs(v,{ref:m,bgcolor:f,height:x,imgW:u,imgHMob:p,hasBorder:w,children:[n!=="right"&&!(s===!0&&a===!0)&&t.jsx("img",{src:o}),t.jsxs(H,{isHorizontalContent:$,smallPadding:b,children:[t.jsxs(B,{children:[t.jsx("div",{className:"header-title",children:d}),t.jsx("div",{className:"header-subitle",children:l})]}),t.jsx(y,{size:"medium",color:"neutral",type:"button",onClick:()=>g(c),children:h})]}),n==="right"&&!(s===!0&&a===!0)&&t.jsx("img",{src:o})]})});module.exports=_;

package/dist/BannerSectionSimple.js

@@ -9,8 +9,8 @@ const C = r.div`
   border-radius: 0.75rem;
   background-color: ${(e) => e.bgcolor || "transparent"};
   overflow: hidden;
-  max-height: ${(e) => e.height || "22.5rem"};
-  min-height: ${(e) => e.height || "22.5rem"};
+  max-height: ${(e) => `${e.height}px` || "22.5rem"};
+  min-height: ${(e) => `${e.height}px` || "22.5rem"};
   background-color: ${(e) => e.bgcolor || "transparent"};
 
   & button {
@@ -19,10 +19,10 @@ const C = r.div`
 
   & img {
     object-fit: cover;
-    max-width: ${(e) => e.imgW || "22.5rem"};
-    min-width: ${(e) => e.imgW || "22.5rem"};
-    max-height: ${(e) => e.height || "22.5rem"};
-    min-height: ${(e) => e.height || "22.5rem"};
+    max-width: ${(e) => `${e.imgW}px` || "22.5rem"};
+    min-width: ${(e) => `${e.imgW}px` || "22.5rem"};
+    max-height: ${(e) => `${e.height}px` || "22.5rem"};
+    min-height: ${(e) => `${e.height}px` || "22.5rem"};
   }
 
   ${(e) => e.hasBorder === !0 && `border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
@@ -44,8 +44,8 @@ const C = r.div`
     & img {
       max-width: 100%;
       min-width: 100%;
-      max-height: ${(e) => e.imgHMob || "12.1rem"};
-      min-height: ${(e) => e.imgHMob || "12.1rem"};
+      max-height: ${(e) => `${e.imgHMob}px` || "12.1rem"};
+      min-height: ${(e) => `${e.imgHMob}px` || "12.1rem"};
     }
   }
 `, z = r.div`
@@ -86,13 +86,13 @@ const C = r.div`
     subtitle: s,
     buttonText: g,
     buttonLink: c,
-    onButtonAction: u = () => {
+    onButtonAction: x = () => {
     },
     imageUrl: n,
     imagePosition: a = "right",
     hideImageForMobile: m = !1,
-    sectionHeight: x = "12.65625rem",
-    imageWidth: p,
+    sectionHeight: p = "12.65625rem",
+    imageWidth: u,
     imageHeightMobile: f,
     smallPadding: b = !1,
     isHorizontalContent: $ = !1,
@@ -104,8 +104,8 @@ const C = r.div`
     {
       ref: l,
       bgcolor: w,
-      height: x,
-      imgW: p,
+      height: p,
+      imgW: u,
       imgHMob: f,
       hasBorder: v,
       children: [
@@ -126,7 +126,7 @@ const C = r.div`
                   size: "medium",
                   color: "neutral",
                   type: "button",
-                  onClick: () => u(c),
+                  onClick: () => x(c),
                   children: g
                 }
               )

package/dist/BrandHitsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),c=require("./utils-BXPz9bck.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-CtNoHdBj.cjs"),h=d.styled.div`
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),c=require("./utils-BXPz9bck.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-CtNoHdBj.cjs"),h=d.styled.div`
   width: 7.5rem;
   height: auto;
   max-height: 7.5rem;
@@ -31,7 +31,7 @@
     width: 4.5rem;
     height: 4.5rem;
   }
-`,g=p.forwardRef(({imageComponent:t,image:n,onSelectCard:a},i)=>r.jsx(h,{children:c.isDefined(t)?t:r.jsx("img",{src:n,className:"wrapper__image",onSelectCard:a})})),m=p.forwardRef(({},t)=>r.jsx(_,{})),w=d.styled.div`
+`,m=p.forwardRef(({imageComponent:t,image:i,onSelectCard:r},n)=>e.jsx(h,{children:c.isDefined(t)?t:e.jsx("img",{src:i,className:"wrapper__image",onSelectCard:r})})),g=p.forwardRef(({},t)=>e.jsx(_,{})),w=d.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -91,4 +91,4 @@
       }
     }
   }
-`,x=p.forwardRef(({title:t,subtitle:n,items:a=[],onSelectCard:i=()=>{}},f)=>{var l;return r.jsx(w,{children:r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n}),r.jsx("div",{className:"wrapper__content",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,s)=>r.jsx(g,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid),className:"wrapper__item"},`brand-hit-card__${s+1}`)):(l=Array.from("12345"))==null?void 0:l.map((e,s)=>r.jsx(m,{},`brand-hit-card-skeleton__${s+1}`))})]})})});module.exports=x;
+`,x=p.forwardRef(({title:t,subtitle:i,items:r=[],onSelectCard:n=()=>{}},f)=>{var l;return e.jsx(w,{children:e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),i&&e.jsx("div",{className:"wrapper__subtitle",children:i}),e.jsx("div",{className:"wrapper__content",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((a,s)=>e.jsx(m,{image:a==null?void 0:a.image,imageComponent:a==null?void 0:a.imageComponent,onSelectCard:()=>n==null?void 0:n(a),className:"wrapper__item"},`brand-hit-card__${s+1}`)):(l=Array.from("12345"))==null?void 0:l.map((a,s)=>e.jsx(g,{},`brand-hit-card-skeleton__${s+1}`))})]})})});module.exports=x;

package/dist/BrandHitsSection.js

@@ -1,8 +1,8 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
 import { m as c, l as s } from "./utils-DCs-SbIv.js";
 import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as l } from "./consts-C1uHV4xc.js";
+import { M as m } from "./consts-C1uHV4xc.js";
 const g = d.div`
   width: 7.5rem;
   height: auto;
@@ -17,7 +17,7 @@ const g = d.div`
     height: auto;
   }
 
-  @media (max-width: ${l + "px"}) {
+  @media (max-width: ${m + "px"}) {
     width: 4.5rem;
     height: auto;
     max-height: 4.5rem;
@@ -32,20 +32,20 @@ const g = d.div`
   height: 7.5rem;
   background: ${c("-90deg")};
 
-  @media (max-width: ${l + "px"}) {
+  @media (max-width: ${m + "px"}) {
     width: 4.5rem;
     height: 4.5rem;
   }
 `, w = o(
-  ({ imageComponent: t, image: i, onSelectCard: e }, n) => /* @__PURE__ */ a(g, { children: s(t) ? t : /* @__PURE__ */ a(
+  ({ imageComponent: t, image: i, onSelectCard: r }, n) => /* @__PURE__ */ e(g, { children: s(t) ? t : /* @__PURE__ */ e(
     "img",
     {
       src: i,
       className: "wrapper__image",
-      onSelectCard: e
+      onSelectCard: r
     }
   ) })
-), f = o(({}, t) => /* @__PURE__ */ a(_, {})), x = d.div`
+), f = o(({}, t) => /* @__PURE__ */ e(_, {})), x = d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -94,7 +94,7 @@ const g = d.div`
     }
   }
 
-  @media (max-width: ${l + "px"}) {
+  @media (max-width: ${m + "px"}) {
     & .wrapper__content {
       align-content: center;
       gap: 1rem;
@@ -106,22 +106,22 @@ const g = d.div`
     }
   }
 `, k = o(
-  ({ title: t, subtitle: i, items: e = [], onSelectCard: n = () => {
+  ({ title: t, subtitle: i, items: r = [], onSelectCard: n = () => {
   } }, u) => {
-    var h;
-    return /* @__PURE__ */ a(x, { children: /* @__PURE__ */ m("div", { className: "wrapper__heading", children: [
-      t && /* @__PURE__ */ a("div", { className: "wrapper__title", children: t }),
-      i && /* @__PURE__ */ a("div", { className: "wrapper__subtitle", children: i }),
-      /* @__PURE__ */ a("div", { className: "wrapper__content", children: e && (e == null ? void 0 : e.length) > 0 ? e == null ? void 0 : e.map((r, p) => /* @__PURE__ */ a(
+    var l;
+    return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ h("div", { className: "wrapper__heading", children: [
+      t && /* @__PURE__ */ e("div", { className: "wrapper__title", children: t }),
+      i && /* @__PURE__ */ e("div", { className: "wrapper__subtitle", children: i }),
+      /* @__PURE__ */ e("div", { className: "wrapper__content", children: r && (r == null ? void 0 : r.length) > 0 ? r == null ? void 0 : r.map((a, p) => /* @__PURE__ */ e(
         w,
         {
-          image: r == null ? void 0 : r.image,
-          imageComponent: r == null ? void 0 : r.imageComponent,
-          onSelectCard: () => n == null ? void 0 : n(r == null ? void 0 : r.uuid),
+          image: a == null ? void 0 : a.image,
+          imageComponent: a == null ? void 0 : a.imageComponent,
+          onSelectCard: () => n == null ? void 0 : n(a),
           className: "wrapper__item"
         },
         `brand-hit-card__${p + 1}`
-      )) : (h = Array.from("12345")) == null ? void 0 : h.map((r, p) => /* @__PURE__ */ a(
+      )) : (l = Array.from("12345")) == null ? void 0 : l.map((a, p) => /* @__PURE__ */ e(
         f,
         {},
         `brand-hit-card-skeleton__${p + 1}`

package/dist/CalorieCalculatorSection.cjs

@@ -1,10 +1,10 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-CtNoHdBj.cjs"),z=require("./Button.cjs"),I=require("./index-BPVoEhTF.cjs"),L=require("./RangeSlider.cjs"),F=require("./DropdownItem.cjs"),X=require("./DropdownMenu.cjs"),Z=require("./IconButton.cjs"),V=require("./BannerSectionWithList.cjs"),H=require("./utils-BXPz9bck.cjs"),D=b.styled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-CtNoHdBj.cjs"),z=require("./Button.cjs"),I=require("./index-BPVoEhTF.cjs"),L=require("./RangeSlider.cjs"),F=require("./DropdownItem.cjs"),X=require("./DropdownMenu.cjs"),Z=require("./IconButton.cjs"),V=require("./BannerSectionWithList.cjs"),H=require("./utils-BXPz9bck.cjs"),D=b.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 2.25rem;
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     gap: 2rem;
   }
 `,Y=b.styled.div`
@@ -25,7 +25,7 @@
     font-weight: 500;
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
   }
 `;b.styled.div`
   display: flex;
@@ -57,7 +57,7 @@
     }
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     gap: 2rem;
     & .btns-footer {
       width: 100%;
@@ -133,7 +133,7 @@
     padding-top: 0 !important;
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     gap: 0.25rem;
     grid-template-columns: auto;
 
@@ -186,7 +186,7 @@
     margin: 0 0.62rem;
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     padding: 0.75rem;
     gap: 0.75rem;
 
@@ -206,7 +206,7 @@
   gap: 1rem;
   flex: 1;
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
     gap: 0.75rem;
   }
@@ -236,7 +236,7 @@
     font-size: 3rem;
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     flex-direction: row;
     gap: 0.25rem;
     font-size: 0.875rem;
@@ -266,7 +266,7 @@
   font-family: Arial, sans-serif;
   font-weight: bold;
   font-size: 1rem;
-  color: var(--gray-950, #14161A);
+  color: var(--gray-950, #14161a);
   transition: background-color 0.3s;
   min-height: 2.5rem;
   max-height: 2.5rem;
@@ -289,7 +289,7 @@
     position: absolute;
     top: 0;
     bottom: 0;
-    left: ${c=>c.checked?"3rem":"3px"};
+    left: ${c=>c.checked?"4.6875rem":"0"};
     background: var(--success-600, #059669);
     border-radius: 30px;
     transition: left 0.3s;
@@ -305,6 +305,15 @@
     min-height: 2.5rem;
     max-height: 2.5rem;
     border: 1px solid var(--success-600, #059669);
+
+    & .cont {
+      min-width: 6.25rem;
+    }
+  }
+
+  & .cont {
+    min-width: 4.6875rem;
+    justify-content: center;
   }
 
   .text {
@@ -329,4 +338,4 @@
     align-items: center;
     gap: 0.38rem;
   }
-`,E=o.forwardRef((c,v)=>{var g,m,x,p,h,f,N,y;const{onChange:d=()=>{},items:a=[{name:"Male",icon:"mng-lnc-male-02",value:"male"},{name:"Female",value:"female",icon:"mng-lnc-female-02"}],...l}=c,s=e.jsxs("div",{className:"cont",children:[e.jsx("i",{className:(g=a==null?void 0:a.at(0))==null?void 0:g.icon}),e.jsx("span",{children:(m=a==null?void 0:a.at(0))==null?void 0:m.name})]}),n=e.jsxs("div",{className:"cont",children:[e.jsx("span",{children:(x=a==null?void 0:a.at(1))==null?void 0:x.name}),e.jsx("i",{className:(p=a==null?void 0:a.at(1))==null?void 0:p.icon})]}),[t,r]=o.useState(!1),i=u=>{var C,T;r(u.target.checked),d&&d(u.target.checked===!0?(C=a==null?void 0:a.at(1))==null?void 0:C.value:(T=a==null?void 0:a.at(0))==null?void 0:T.value)};return e.jsxs(ee,{ref:v,checked:t,...l,children:[e.jsx("input",{type:"checkbox",checked:t,onChange:i}),e.jsx("span",{className:"knob",children:t?n:s}),e.jsxs("span",{className:"text",children:[e.jsxs("div",{className:"cont",children:[e.jsx("i",{className:(h=a==null?void 0:a.at(0))==null?void 0:h.icon}),t===!0&&e.jsx("span",{className:"hidden-txt",children:(f=a==null?void 0:a.at(0))==null?void 0:f.name})]}),e.jsxs("div",{className:"cont",children:[t!==!0&&e.jsx("span",{className:"hidden-txt",children:(N=a==null?void 0:a.at(1))==null?void 0:N.name}),e.jsx("i",{className:(y=a==null?void 0:a.at(1))==null?void 0:y.icon})]})]})]})});E.propTypes={value:I.PropTypes.any,handleClick:I.PropTypes.func,color:I.PropTypes.string};const te=o.forwardRef((c,v)=>{var y;const{yearsText:d,heightText:a,weightText:l,genderText:s="Gender",calculateText:n="Calculate",closeText:t="Close calculator",onClose:r=()=>{},genders:i=[{name:"Male",icon:"mng-lnc-male-02",value:"male"},{name:"Female",value:"female",icon:"mng-lnc-female-02"}],activityLevels:g=[{name:"Very low",code:"veryLow"},{name:"Moderate",code:"moderate"},{name:"Very active",code:"veryActive"}],activityLevelText:m,goalText:x,goals:p=[{name:"Lose weight",code:"loseWeight",icon:"mng-lnc-weight-scale"},{name:"Maintaining",code:"maintaining",icon:"mng-lnc-move"},{name:"Gain muscle",code:"gainMuscle",icon:"mng-lnc-muscule"}],onCalculate:h=()=>{}}=c,f=o.useRef({year:null,height:null,weight:null,gender:(y=i==null?void 0:i.at(0))==null?void 0:y.value,activityLevel:null,goal:null}),N=()=>{h==null||h(f==null?void 0:f.current)};return e.jsxs(K,{children:[e.jsxs(J,{className:"calorie-calculating",children:[e.jsx("div",{className:"grid-label",children:s}),e.jsx("div",{children:e.jsx(E,{items:i,onChange:u=>f.current.gender=u})}),e.jsx(ae,{text:d,onChange:u=>f.current.year=u}),e.jsx(ne,{text:a,onChange:u=>f.current.height=u}),e.jsx(re,{text:l,onChange:u=>f.current.weight=u}),e.jsx(ie,{text:m,activityLevels:g,onChange:u=>f.current.activityLevel=u}),e.jsx(le,{text:x,goals:p,onChange:u=>f.current.goal=u})]}),e.jsxs("div",{className:"btns-footer",children:[e.jsx(z,{type:"button",color:"neutral",size:"medium",onClick:()=>{N()},children:n}),e.jsx(z,{type:"button",btnType:"basic",color:"gray",size:"medium",onClick:()=>r==null?void 0:r(),children:t})]})]})}),ae=o.forwardRef((c,v)=>{const{text:d="Years",onChange:a=()=>{}}=c,[l,s]=o.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid-label",children:d}),e.jsxs("div",{className:"caluclating-group",children:[e.jsx(L,{className:"range-input-lnc",max:115,min:0,step:1,value:l,color:"success",defaultValue:0,onChange:n=>{var t,r;s((t=n==null?void 0:n.target)==null?void 0:t.value),a==null||a((r=n==null?void 0:n.target)==null?void 0:r.value)}}),e.jsx("input",{tabIndex:2,type:"text",className:"calculating-input",onChange:n=>{var t,r,i,g,m,x,p;!isNaN((t=n==null?void 0:n.target)==null?void 0:t.value)&&+((r=n==null?void 0:n.target)==null?void 0:r.value)>=0&&s(((g=(i=n==null?void 0:n.target)==null?void 0:i.value)==null?void 0:g.length)>1?(x=(m=n==null?void 0:n.target)==null?void 0:m.value)==null?void 0:x.replace(/^0+/,""):(p=n==null?void 0:n.target)==null?void 0:p.value)},value:l==null?void 0:l.toString()})]})]})}),ne=o.forwardRef((c,v)=>{const{text:d="Height",unitText:a="cm",onChange:l=()=>{}}=c,[s,n]=o.useState(1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid-label",children:[d," ",e.jsx("span",{className:"unit",children:`(${a})`})]}),e.jsxs("div",{className:"caluclating-group",children:[e.jsx(L,{className:"range-input-lnc",max:273,min:0,step:1,value:s,defaultValue:0,color:"success",onChange:t=>{var r,i;n((r=t==null?void 0:t.target)==null?void 0:r.value),l==null||l((i=t==null?void 0:t.target)==null?void 0:i.value)}}),e.jsx("input",{type:"text",tabIndex:2,className:"calculating-input",onChange:t=>{var r,i,g,m,x,p,h;!isNaN((r=t==null?void 0:t.target)==null?void 0:r.value)&&+((i=t==null?void 0:t.target)==null?void 0:i.value)>=0&&n(((m=(g=t==null?void 0:t.target)==null?void 0:g.value)==null?void 0:m.length)>1?(p=(x=t==null?void 0:t.target)==null?void 0:x.value)==null?void 0:p.replace(/^0+/,""):(h=t==null?void 0:t.target)==null?void 0:h.value)},value:s==null?void 0:s.toString()})]})]})}),re=o.forwardRef((c,v)=>{const{text:d="Weight",unitText:a="cm",onChange:l=()=>{}}=c,[s,n]=o.useState(1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid-label",children:[d," ",e.jsx("span",{className:"unit",children:`(${a})`})]}),e.jsxs("div",{className:"caluclating-group",children:[e.jsx(L,{className:"range-input-lnc",max:400,min:0,step:1,value:s,color:"success",defaultValue:0,onChange:t=>{var r,i;n((r=t==null?void 0:t.target)==null?void 0:r.value),l==null||l((i=t==null?void 0:t.target)==null?void 0:i.value)}}),e.jsx("input",{tabIndex:2,type:"text",className:"calculating-input",onChange:t=>{var r,i,g,m,x,p,h;!isNaN((r=t==null?void 0:t.target)==null?void 0:r.value)&&+((i=t==null?void 0:t.target)==null?void 0:i.value)>=0&&n(((m=(g=t==null?void 0:t.target)==null?void 0:g.value)==null?void 0:m.length)>1?(p=(x=t==null?void 0:t.target)==null?void 0:x.value)==null?void 0:p.replace(/^0+/,""):(h=t==null?void 0:t.target)==null?void 0:h.value)},value:s==null?void 0:s.toString()})]})]})}),ie=o.forwardRef((c,v)=>{const{text:d="Activity level",activityLevels:a,onChange:l=()=>{}}=c,[s,n]=o.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid-label",children:d}),e.jsx("div",{className:"caluclating-group",children:a==null?void 0:a.map((t,r)=>e.jsx(z,{type:"button",btnType:s===(t==null?void 0:t.code)?"filled":"tinted",color:"neutral",borderRadius:"curved",onClick:()=>{n(t==null?void 0:t.code),l(t==null?void 0:t.code)},children:t==null?void 0:t.name},r))})]})}),le=o.forwardRef((c,v)=>{const{text:d="Goal",goals:a,onChange:l=()=>{}}=c,[s,n]=o.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid-label",children:d}),e.jsx("div",{className:"caluclating-group group-activity",children:a==null?void 0:a.map((t,r)=>e.jsx(z,{type:"button",btnType:s===(t==null?void 0:t.code)?"filled":"tinted",color:"neutral",borderRadius:"curved",onClick:()=>{n(t==null?void 0:t.code),l(t==null?void 0:t.code)},children:e.jsxs("div",{className:"btn-cnt",children:[e.jsx("i",{className:t==null?void 0:t.icon}),e.jsx("span",{children:t==null?void 0:t.name})]})},r))})]})}),se=o.forwardRef((c,v)=>{const{caloriesText:d="Calories",carbsText:a="Carbs",proteinText:l="Protein",fatsText:s="Fats",calculateAgainText:n="Calculate again",calories:t,carbs:r,protein:i,fats:g,onGoBack:m=()=>{}}=c;return e.jsxs(Q,{children:[e.jsxs(U,{children:[e.jsxs(S,{color:"var(--warning-600)",children:[e.jsx("i",{className:"mng-lnc-fire"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[t," kcal"]}),e.jsx("div",{className:"subtext",children:d})]})]}),e.jsxs(S,{color:"var(--secondary-400)",children:[e.jsx("i",{className:"mng-lnc-leaf"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[r,"g"]}),e.jsx("div",{className:"subtext",children:a})]})]}),e.jsxs(S,{color:"var(--info-500)",children:[e.jsx("i",{className:"mng-lnc-meat"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[i,"g"]}),e.jsx("div",{className:"subtext",children:l})]})]}),e.jsxs(S,{color:"var(--warning-300)",children:[e.jsx("i",{className:"mng-lnc-meat"}),e.jsxs("div",{className:"subgroup",children:[e.jsxs("div",{children:[g,"g"]}),e.jsx("div",{className:"subtext",children:s})]})]})]}),e.jsxs("div",{className:"dropdown-group",children:[e.jsx("div",{className:"vertical-line"}),e.jsx(X,{color:"neutral",control:e.jsx(Z,{borderRadius:"curved",btnType:"basic",className:"dropdown-btn",color:"neutral",icon:"ellipsis",type:"button"}),offsetValue:-10,placement:"bottom-end",children:e.jsx(F,{icon:"star",onClick:m,children:n})})]})]})}),ce=o.forwardRef((c,v)=>{const{caloriesText:d,carbsText:a,proteinText:l,fatsText:s,calculateAgainText:n,yearsText:t,heightText:r,weightText:i,genderText:g,calculateText:m,closeText:x,genders:p,activityLevels:h,activityLevelText:f,goalText:N,goals:y,title:u="Daily calorie calculator",subtitle:C="Lorem ipsum dolor sit amet",list:T=["Ovdje može pisati zašto je bitno da znamo kolika nam je dnevna kalorijska potreba.","Ovdje može pisati zašto je bitno da znamo kolikanam je dnevna kalorijska potreba.","From certified dealers from all over Europe"],buttonText:_="Calculate calorie needs"}=c,[R,k]=o.useState(1),[j,B]=o.useState(0),M=({gender:q,year:O,height:P,weight:W,activityLevel:$,goal:A})=>{const G=H.calculateCalories({gender:q,age:O,heightCm:P,weightKg:W,activityLevel:$,goal:A});B(G),k(3)};return e.jsxs(D,{ref:v,children:[e.jsxs(Y,{children:[e.jsx("div",{className:"header-title",children:u}),e.jsx("div",{className:"header-subtitle",children:C})]}),R===1&&e.jsx(V,{buttonText:_,onButtonAction:()=>{k(2)},list:T}),R===2&&e.jsx(te,{yearsText:t,heightText:r,weightText:i,genderText:g,calculateText:m,closeText:x,onClose:()=>k(1),genders:p,activityLevels:h,activityLevelText:f,goalText:N,goals:y,onCalculate:M}),R===3&&e.jsx(se,{caloriesText:d,carbsText:a,proteinText:l,fatsText:s,calculateAgainText:n,onGoBack:()=>k(2),calories:j==null?void 0:j.calories,fats:j==null?void 0:j.fat,carbs:j==null?void 0:j.carbs,protein:j==null?void 0:j.protein})]})}),oe=o.forwardRef((c,v)=>e.jsx(ce,{ref:v,...c}));module.exports=oe;
+`,E=d.forwardRef((c,v)=>{var u,g,h,f,x,o,N,w;const{onChange:m=()=>{},items:a=[{name:"Male",icon:"mng-lnc-male-02",value:"male"},{name:"Female",value:"female",icon:"mng-lnc-female-02"}],...i}=c,s=t.jsxs("div",{className:"cont",children:[t.jsx("i",{className:(u=a==null?void 0:a.at(0))==null?void 0:u.icon}),t.jsx("span",{children:(g=a==null?void 0:a.at(0))==null?void 0:g.name})]}),n=t.jsxs("div",{className:"cont",children:[t.jsx("span",{children:(h=a==null?void 0:a.at(1))==null?void 0:h.name}),t.jsx("i",{className:(f=a==null?void 0:a.at(1))==null?void 0:f.icon})]}),[e,r]=d.useState(!1),l=p=>{var T,k;r(p.target.checked),m&&m(p.target.checked===!0?(T=a==null?void 0:a.at(1))==null?void 0:T.value:(k=a==null?void 0:a.at(0))==null?void 0:k.value)};return t.jsxs(ee,{ref:v,checked:e,...i,children:[t.jsx("input",{type:"checkbox",checked:e,onChange:l}),t.jsx("span",{className:"knob",children:e?n:s}),t.jsxs("span",{className:"text",children:[t.jsxs("div",{className:"cont",children:[t.jsx("i",{className:(x=a==null?void 0:a.at(0))==null?void 0:x.icon}),e===!0&&t.jsx("span",{className:"hidden-txt",children:(o=a==null?void 0:a.at(0))==null?void 0:o.name})]}),t.jsxs("div",{className:"cont",children:[e!==!0&&t.jsx("span",{className:"hidden-txt",children:(N=a==null?void 0:a.at(1))==null?void 0:N.name}),t.jsx("i",{className:(w=a==null?void 0:a.at(1))==null?void 0:w.icon})]})]})]})});E.propTypes={value:I.PropTypes.any,handleClick:I.PropTypes.func,color:I.PropTypes.string};const te=d.forwardRef((c,v)=>{var w;const{yearsText:m,heightText:a,weightText:i,genderText:s="Gender",calculateText:n="Calculate",closeText:e="Close calculator",onClose:r=()=>{},genders:l=[{name:"Male",icon:"mng-lnc-male-02",value:"male"},{name:"Female",value:"female",icon:"mng-lnc-female-02"}],activityLevels:u=[{name:"Very low",code:"veryLow"},{name:"Moderate",code:"moderate"},{name:"Very active",code:"veryActive"}],activityLevelText:g,goalText:h,goals:f=[{name:"Lose weight",code:"loseWeight",icon:"mng-lnc-weight-scale"},{name:"Maintaining",code:"maintaining",icon:"mng-lnc-move"},{name:"Gain muscle",code:"gainMuscle",icon:"mng-lnc-muscule"}],onCalculate:x=()=>{}}=c,o=d.useRef({year:null,height:null,weight:null,gender:(w=l==null?void 0:l.at(0))==null?void 0:w.value,activityLevel:null,goal:null}),N=()=>{x==null||x(o==null?void 0:o.current)};return t.jsxs(K,{children:[t.jsxs(J,{className:"calorie-calculating",children:[t.jsx("div",{className:"grid-label",children:s}),t.jsx("div",{children:t.jsx(E,{items:l,onChange:p=>o.current.gender=p})}),t.jsx(ae,{text:m,onChange:p=>o.current.year=p}),t.jsx(ne,{text:a,onChange:p=>o.current.height=p}),t.jsx(re,{text:i,onChange:p=>o.current.weight=p}),t.jsx(ie,{text:g,activityLevels:u,onChange:p=>o.current.activityLevel=p}),t.jsx(le,{text:h,goals:f,onChange:p=>o.current.goal=p})]}),t.jsxs("div",{className:"btns-footer",children:[t.jsx(z,{type:"button",color:"neutral",size:"medium",onClick:()=>{N()},children:n}),t.jsx(z,{type:"button",btnType:"basic",color:"gray",size:"medium",onClick:()=>r==null?void 0:r(),children:e})]})]})}),ae=d.forwardRef((c,v)=>{const{text:m="Years",onChange:a=()=>{}}=c,[i,s]=d.useState(1);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"grid-label",children:m}),t.jsxs("div",{className:"caluclating-group",children:[t.jsx(L,{className:"range-input-lnc",max:115,min:0,step:1,value:i,color:"success",defaultValue:0,onChange:n=>{var e,r;s((e=n==null?void 0:n.target)==null?void 0:e.value),a==null||a((r=n==null?void 0:n.target)==null?void 0:r.value)}}),t.jsx("input",{tabIndex:2,type:"text",className:"calculating-input",onChange:n=>{var e,r,l,u,g,h,f,x;!isNaN((e=n==null?void 0:n.target)==null?void 0:e.value)&&+((r=n==null?void 0:n.target)==null?void 0:r.value)>=0&&(s(((u=(l=n==null?void 0:n.target)==null?void 0:l.value)==null?void 0:u.length)>1?(h=(g=n==null?void 0:n.target)==null?void 0:g.value)==null?void 0:h.replace(/^0+/,""):(f=n==null?void 0:n.target)==null?void 0:f.value),a==null||a((x=n==null?void 0:n.target)==null?void 0:x.value))},value:i==null?void 0:i.toString()})]})]})}),ne=d.forwardRef((c,v)=>{const{text:m="Height",unitText:a="cm",onChange:i=()=>{}}=c,[s,n]=d.useState(1);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"grid-label",children:[m," ",t.jsx("span",{className:"unit",children:`(${a})`})]}),t.jsxs("div",{className:"caluclating-group",children:[t.jsx(L,{className:"range-input-lnc",max:273,min:0,step:1,value:s,defaultValue:0,color:"success",onChange:e=>{var r,l;n((r=e==null?void 0:e.target)==null?void 0:r.value),i==null||i((l=e==null?void 0:e.target)==null?void 0:l.value)}}),t.jsx("input",{type:"text",tabIndex:2,className:"calculating-input",onChange:e=>{var r,l,u,g,h,f,x,o;!isNaN((r=e==null?void 0:e.target)==null?void 0:r.value)&&+((l=e==null?void 0:e.target)==null?void 0:l.value)>=0&&(n(((g=(u=e==null?void 0:e.target)==null?void 0:u.value)==null?void 0:g.length)>1?(f=(h=e==null?void 0:e.target)==null?void 0:h.value)==null?void 0:f.replace(/^0+/,""):(x=e==null?void 0:e.target)==null?void 0:x.value),i==null||i((o=e==null?void 0:e.target)==null?void 0:o.value))},value:s==null?void 0:s.toString()})]})]})}),re=d.forwardRef((c,v)=>{const{text:m="Weight",unitText:a="cm",onChange:i=()=>{}}=c,[s,n]=d.useState(1);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"grid-label",children:[m," ",t.jsx("span",{className:"unit",children:`(${a})`})]}),t.jsxs("div",{className:"caluclating-group",children:[t.jsx(L,{className:"range-input-lnc",max:400,min:0,step:1,value:s,color:"success",defaultValue:0,onChange:e=>{var r,l;n((r=e==null?void 0:e.target)==null?void 0:r.value),i==null||i((l=e==null?void 0:e.target)==null?void 0:l.value)}}),t.jsx("input",{tabIndex:2,type:"text",className:"calculating-input",onChange:e=>{var r,l,u,g,h,f,x,o;!isNaN((r=e==null?void 0:e.target)==null?void 0:r.value)&&+((l=e==null?void 0:e.target)==null?void 0:l.value)>=0&&(n(((g=(u=e==null?void 0:e.target)==null?void 0:u.value)==null?void 0:g.length)>1?(f=(h=e==null?void 0:e.target)==null?void 0:h.value)==null?void 0:f.replace(/^0+/,""):(x=e==null?void 0:e.target)==null?void 0:x.value),i==null||i((o=e==null?void 0:e.target)==null?void 0:o.value))},value:s==null?void 0:s.toString()})]})]})}),ie=d.forwardRef((c,v)=>{const{text:m="Activity level",activityLevels:a,onChange:i=()=>{}}=c,[s,n]=d.useState(null);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"grid-label",children:m}),t.jsx("div",{className:"caluclating-group",children:a==null?void 0:a.map((e,r)=>t.jsx(z,{type:"button",btnType:s===(e==null?void 0:e.code)?"filled":"tinted",color:"neutral",borderRadius:"curved",onClick:()=>{n(e==null?void 0:e.code),i(e==null?void 0:e.code)},children:e==null?void 0:e.name},r))})]})}),le=d.forwardRef((c,v)=>{const{text:m="Goal",goals:a,onChange:i=()=>{}}=c,[s,n]=d.useState(null);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"grid-label",children:m}),t.jsx("div",{className:"caluclating-group group-activity",children:a==null?void 0:a.map((e,r)=>t.jsx(z,{type:"button",btnType:s===(e==null?void 0:e.code)?"filled":"tinted",color:"neutral",borderRadius:"curved",onClick:()=>{n(e==null?void 0:e.code),i(e==null?void 0:e.code)},children:t.jsxs("div",{className:"btn-cnt",children:[t.jsx("i",{className:e==null?void 0:e.icon}),t.jsx("span",{children:e==null?void 0:e.name})]})},r))})]})}),se=d.forwardRef((c,v)=>{const{caloriesText:m="Calories",carbsText:a="Carbs",proteinText:i="Protein",fatsText:s="Fats",calculateAgainText:n="Calculate again",calories:e,carbs:r,protein:l,fats:u,onGoBack:g=()=>{}}=c;return t.jsxs(Q,{children:[t.jsxs(U,{children:[t.jsxs(S,{color:"var(--warning-600)",children:[t.jsx("i",{className:"mng-lnc-fire"}),t.jsxs("div",{className:"subgroup",children:[t.jsxs("div",{children:[e," kcal"]}),t.jsx("div",{className:"subtext",children:m})]})]}),t.jsxs(S,{color:"var(--secondary-400)",children:[t.jsx("i",{className:"mng-lnc-leaf"}),t.jsxs("div",{className:"subgroup",children:[t.jsxs("div",{children:[r,"g"]}),t.jsx("div",{className:"subtext",children:a})]})]}),t.jsxs(S,{color:"var(--info-500)",children:[t.jsx("i",{className:"mng-lnc-meat"}),t.jsxs("div",{className:"subgroup",children:[t.jsxs("div",{children:[l,"g"]}),t.jsx("div",{className:"subtext",children:i})]})]}),t.jsxs(S,{color:"var(--warning-300)",children:[t.jsx("i",{className:"mng-lnc-meat"}),t.jsxs("div",{className:"subgroup",children:[t.jsxs("div",{children:[u,"g"]}),t.jsx("div",{className:"subtext",children:s})]})]})]}),t.jsxs("div",{className:"dropdown-group",children:[t.jsx("div",{className:"vertical-line"}),t.jsx(X,{color:"neutral",control:t.jsx(Z,{borderRadius:"curved",btnType:"basic",className:"dropdown-btn",color:"neutral",icon:"ellipsis",type:"button"}),offsetValue:-10,placement:"bottom-end",children:t.jsx(F,{icon:"star",onClick:g,children:n})})]})]})}),ce=d.forwardRef((c,v)=>{const{caloriesText:m,carbsText:a,proteinText:i,fatsText:s,calculateAgainText:n,yearsText:e,heightText:r,weightText:l,genderText:u,calculateText:g,closeText:h,genders:f,activityLevels:x,activityLevelText:o,goalText:N,goals:w,title:p="Daily calorie calculator",subtitle:T="Lorem ipsum dolor sit amet",list:k=["Ovdje može pisati zašto je bitno da znamo kolika nam je dnevna kalorijska potreba.","Ovdje može pisati zašto je bitno da znamo kolikanam je dnevna kalorijska potreba.","From certified dealers from all over Europe"],buttonText:_="Calculate calorie needs"}=c,[R,C]=d.useState(1),[j,B]=d.useState(0),M=({gender:q,year:O,height:P,weight:W,activityLevel:$,goal:G})=>{const A=H.calculateCalories({gender:q,age:O,heightCm:P,weightKg:W,activityLevel:$,goal:G});B(A),C(3)};return t.jsxs(D,{ref:v,children:[t.jsxs(Y,{children:[t.jsx("div",{className:"header-title",children:p}),t.jsx("div",{className:"header-subtitle",children:T})]}),R===1&&t.jsx(V,{buttonText:_,onButtonAction:()=>{C(2)},list:k}),R===2&&t.jsx(te,{yearsText:e,heightText:r,weightText:l,genderText:u,calculateText:g,closeText:h,onClose:()=>C(1),genders:f,activityLevels:x,activityLevelText:o,goalText:N,goals:w,onCalculate:M}),R===3&&t.jsx(se,{caloriesText:m,carbsText:a,proteinText:i,fatsText:s,calculateAgainText:n,onGoBack:()=>C(2),calories:j==null?void 0:j.calories,fats:j==null?void 0:j.fat,carbs:j==null?void 0:j.carbs,protein:j==null?void 0:j.protein})]})}),oe=d.forwardRef((c,v)=>t.jsx(ce,{ref:v,...c}));module.exports=oe;