@lanaco/lnc-react-ui 4.0.206 → 4.0.208

package/dist/BrandHitsSection.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as h, Fragment as f } from "react/jsx-runtime";
 import { forwardRef as w, Suspense as u } from "react";
-import { l as x } from "./utils-DtEfC-TX.js";
+import { m as $ } from "./utils-B2fsQ6PS.js";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as c } from "./consts-BuFChS64.js";
-import { S as $, a as p } from "./style-BwQ4djFC.js";
+import { d as c } from "./breakpoints-ff0SIcV3.js";
+import { S as x, a as p } from "./style-BwQ4djFC.js";
 const v = l.a`
   text-decoration: none;
   color: var(--gray-950);
@@ -20,7 +20,7 @@ const v = l.a`
     height: auto;
   }
 
-  @media (max-width: ${c + "px"}) {
+  @media ${c("S")} {
     width: 4.5rem;
     height: auto;
     max-height: 4.5rem;
@@ -46,7 +46,7 @@ const v = l.a`
       onClick: t,
       as: m || "a",
       ...m ? { to: `${i}${s}${o}` } : { href: `${i}${s}${o}` },
-      children: x(r) ? r : /* @__PURE__ */ e("img", { src: n, className: "wrapper__image" })
+      children: $(r) ? r : /* @__PURE__ */ e("img", { src: n, className: "wrapper__image" })
     }
   )
 ), y = l.div`
@@ -98,19 +98,19 @@ const v = l.a`
     }
   }
 
-  @media (max-width: ${c + "px"}) {
+  @media ${c("S")} {
     & .wrapper__content {
       align-content: center;
       gap: 1rem;
       flex-wrap: wrap;
 
       & .wrapper__item {
-        max-width: 4 0.5rem;
+        max-width: 4.5rem;
       }
     }
   }
-`, R = l($)`
-  @media (max-width: ${c + "px"}) {
+`, R = l(x)`
+  @media ${c("S")} {
     gap: 1rem;
     flex-wrap: wrap;
   }
@@ -160,12 +160,12 @@ const v = l.a`
     },
     `${r}-5`
   )
-] }), B = ({
+] }), S = ({
   keyPrefix: r,
   isLoading: n = !1,
   fallbackComponent: t = /* @__PURE__ */ e(f, {}),
   children: i
-}) => /* @__PURE__ */ e(u, { fallbackComponent: t, children: n === !0 ? /* @__PURE__ */ e(N, { keyPrefix: r }) : i }), z = w(
+}) => /* @__PURE__ */ e(u, { fallbackComponent: t, children: n === !0 ? /* @__PURE__ */ e(N, { keyPrefix: r }) : i }), k = w(
   ({ title: r, subtitle: n, items: t = [], isLoading: i = !1, onSelectCard: o = () => {
   }, urlPrefix: s, urlSufix: m, LinkComponent: d }, g) => /* @__PURE__ */ h(y, { ref: g, children: [
     /* @__PURE__ */ h("div", { className: "wrapper__heading", children: [
@@ -173,7 +173,7 @@ const v = l.a`
       n && /* @__PURE__ */ e("div", { className: "wrapper__subtitle", children: n })
     ] }),
     /* @__PURE__ */ e(
-      B,
+      S,
       {
         isLoading: i,
         keyPrefix: "brand-hits-skeleton",
@@ -196,5 +196,5 @@ const v = l.a`
   ] })
 );
 export {
-  z as default
+  k as default
 };

package/dist/Breadcrumbs.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-RnrgDDZP.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=u.styled.div`
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-CITgSxXe.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),v=u.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   ${r=>g.getComponentTypographyCss(r.theme,"Breadcrumbs",r.size,"enabled")};

package/dist/Breadcrumbs.js

@@ -1,19 +1,19 @@
-import { jsx as o, jsxs as n, Fragment as z } from "react/jsx-runtime";
-import { forwardRef as A, useState as N } from "react";
+import { jsx as o, jsxs as n, Fragment as x } from "react/jsx-runtime";
+import { forwardRef as z, useState as A } from "react";
 import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as R, b as T } from "./utils-DtEfC-TX.js";
-import $ from "./Icon.js";
-import { u as d } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { d as N, c as R } from "./utils-B2fsQ6PS.js";
+import T from "./Icon.js";
+import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const k = u.div`
   display: inline-flex;
   flex-wrap: wrap;
-  ${(s) => R(
+  ${(s) => N(
   s.theme,
   "Breadcrumbs",
   s.size,
   "enabled"
 )};
-  color: ${(s) => T(
+  color: ${(s) => R(
   s.theme,
   "Breadcrumbs",
   s.color,
@@ -22,7 +22,7 @@ const k = u.div`
 )};
 `, F = u.div`
   cursor: pointer;
-`, P = u.span``, K = A((s, g) => {
+`, P = u.span``, K = z((s, g) => {
   const {
     separator: r = "/",
     maxItems: b = 8,
@@ -35,13 +35,13 @@ const k = u.div`
     size: I = "small",
     children: w,
     ...S
-  } = s, j = {
-    theme: d(),
+  } = s, d = {
+    theme: $(),
     size: I,
     color: B,
     className: "lnc-ui-breadcrumbs " + y,
     style: h
-  }, [c, v] = N(!0), x = ({
+  }, [c, j] = A(!0), v = ({
     maxItems: l,
     itemsAfterCollapse: p,
     itemsBeforeCollapse: a,
@@ -64,8 +64,8 @@ const k = u.div`
         child: f
       },
       t
-    ) : a == t && /* @__PURE__ */ n(F, { onClick: () => v(!c), children: [
-      /* @__PURE__ */ o($, { icon: "ellipsis" }),
+    ) : a == t && /* @__PURE__ */ n(F, { onClick: () => j(!c), children: [
+      /* @__PURE__ */ o(T, { icon: "ellipsis" }),
       r,
       " "
     ] }, t) : /* @__PURE__ */ o(
@@ -80,14 +80,14 @@ const k = u.div`
     )
   ), m = ({ index: l, length: p, separator: a, child: e }) => /* @__PURE__ */ n(P, { children: [
     e,
-    l + 1 !== p && /* @__PURE__ */ n(z, { children: [
+    l + 1 !== p && /* @__PURE__ */ n(x, { children: [
       " ",
       a,
       " "
     ] })
   ] });
-  return /* @__PURE__ */ o(k, { ref: g, ...j, ...S, children: /* @__PURE__ */ o(
-    x,
+  return /* @__PURE__ */ o(k, { ref: g, ...d, ...S, children: /* @__PURE__ */ o(
+    v,
     {
       maxItems: b,
       itemsAfterCollapse: i,

package/dist/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),U=require("react"),y=require("./index-DA7SIHV1.cjs"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),T=require("./Icon.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),k={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},x=e=>`
+"use strict";const a=require("react/jsx-runtime"),U=require("react"),y=require("./index-DA7SIHV1.cjs"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CITgSxXe.cjs"),T=require("./Icon.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),k={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},x=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;

package/dist/Button.js

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as W, Fragment as E } from "react/jsx-runtime";
 import { forwardRef as K } from "react";
 import { i as x } from "./index-6RFrSPs_.js";
 import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as T, b as t, d, h as z, e as v, a as q } from "./utils-DtEfC-TX.js";
+import { d as T, c as t, e as d, i as z, f as v, b as q } from "./utils-B2fsQ6PS.js";
 import j from "./Icon.js";
 import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const y = {

package/dist/ButtonGroup.cjs

@@ -1,4 +1,4 @@
-"use strict";const u=require("react/jsx-runtime"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),a=l.styled.div`
+"use strict";const u=require("react/jsx-runtime"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CITgSxXe.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),a=l.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: fit-content;

package/dist/ButtonGroup.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { s as a } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as o, a as b } from "./utils-DtEfC-TX.js";
+import { c as o, b } from "./utils-B2fsQ6PS.js";
 import { u as i } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const l = a.div`
   display: inline-flex;

package/dist/CalorieCalculatorSection.cjs

@@ -1,13 +1,13 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),z=require("./Button.cjs"),I=require("./RangeSlider.cjs"),A=require("./DropdownItem.cjs"),F=require("./DropdownMenu.cjs"),P=require("./IconButton.cjs"),X=require("./BannerSectionWithList.cjs"),Z=require("./utils-RnrgDDZP.cjs"),V=b.styled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./breakpoints-CcVm-gVm.cjs"),z=require("./Button.cjs"),L=require("./RangeSlider.cjs"),H=require("./DropdownItem.cjs"),O=require("./DropdownMenu.cjs"),D=require("./IconButton.cjs"),E=require("./BannerSectionWithList.cjs"),Y=require("./utils-CITgSxXe.cjs"),_=b.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 2.25rem;
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media ${y.down("S")} {
     gap: 2rem;
   }
-`,H=b.styled.div`
+`,K=b.styled.div`
   text-align: center;
   display: flex;
   justify-content: center;
@@ -25,7 +25,7 @@
     font-weight: 500;
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media ${y.down("S")} {
   }
 `;b.styled.div`
   display: flex;
@@ -41,7 +41,7 @@
     font-weight: 500;
     color: var(--gray-600, #676e79);
   }
-`;const D=b.styled.div`
+`;const P=b.styled.div`
   display: flex;
   flex-direction: column;
   gap: 2.25rem;
@@ -57,7 +57,7 @@
     }
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media ${y.down("S")} {
     gap: 2rem;
     & .btns-footer {
       width: 100%;
@@ -68,7 +68,7 @@
       }
     }
   }
-`,Y=b.styled.div`
+`,J=b.styled.div`
   display: grid;
   grid-template-columns: auto auto;
   width: fit-content;
@@ -133,7 +133,7 @@
     padding-top: 0 !important;
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media ${y.down("S")} {
     gap: 0.25rem;
     grid-template-columns: auto;
 
@@ -159,7 +159,7 @@
       min-width: unset;
     }
   }
-`,K=b.styled.div`
+`,Q=b.styled.div`
   border-radius: 0.75rem;
   border: 1px solid var(--neutral-95008);
   background: var(--white);
@@ -186,7 +186,7 @@
     margin: 0 0.62rem;
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media ${y.down("S")} {
     padding: 0.75rem;
     gap: 0.75rem;
 
@@ -200,13 +200,13 @@
       align-items: start;
     }
   }
-`,J=b.styled.div`
+`,U=b.styled.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1rem;
   flex: 1;
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media ${y.down("S")} {
     grid-template-columns: repeat(2, 1fr);
     gap: 0.75rem;
   }
@@ -236,7 +236,7 @@
     font-size: 3rem;
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media ${y.down("S")} {
     flex-direction: row;
     gap: 0.25rem;
     font-size: 0.875rem;
@@ -255,7 +255,7 @@
       gap: 0;
     }
   }
-`,Q=b.styled.label`
+`,X=b.styled.label`
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -338,4 +338,4 @@
     align-items: center;
     gap: 0.38rem;
   }
-`,U=d.forwardRef((c,v)=>{var g,u,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:(g=a==null?void 0:a.at(0))==null?void 0:g.icon}),t.jsx("span",{children:(u=a==null?void 0:a.at(0))==null?void 0:u.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(Q,{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})]})]})]})}),ee=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:g=[{name:"Very low",code:"veryLow"},{name:"Moderate",code:"moderate"},{name:"Very active",code:"veryActive"}],activityLevelText:u,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(D,{children:[t.jsxs(Y,{className:"calorie-calculating",children:[t.jsx("div",{className:"grid-label",children:s}),t.jsx("div",{children:t.jsx(U,{items:l,onChange:p=>o.current.gender=p})}),t.jsx(te,{text:m,onChange:p=>o.current.year=p}),t.jsx(ae,{text:a,onChange:p=>o.current.height=p}),t.jsx(ne,{text:i,onChange:p=>o.current.weight=p}),t.jsx(re,{text:u,activityLevels:g,onChange:p=>o.current.activityLevel=p}),t.jsx(ie,{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})]})]})}),te=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(I,{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,g,u,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(((g=(l=n==null?void 0:n.target)==null?void 0:l.value)==null?void 0:g.length)>1?(h=(u=n==null?void 0:n.target)==null?void 0:u.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()})]})]})}),ae=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(I,{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,g,u,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(((u=(g=e==null?void 0:e.target)==null?void 0:g.value)==null?void 0:u.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()})]})]})}),ne=d.forwardRef((c,v)=>{const{text:m="Weight",unitText:a="kg",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(I,{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,g,u,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(((u=(g=e==null?void 0:e.target)==null?void 0:g.value)==null?void 0:u.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="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))})]})}),ie=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))})]})}),le=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:g,onGoBack:u=()=>{}}=c;return t.jsxs(K,{children:[t.jsxs(J,{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:[g,"g"]}),t.jsx("div",{className:"subtext",children:s})]})]})]}),t.jsxs("div",{className:"dropdown-group",children:[t.jsx("div",{className:"vertical-line"}),t.jsx(F,{color:"neutral",control:t.jsx(P,{borderRadius:"curved",btnType:"basic",className:"dropdown-btn",color:"neutral",icon:"ellipsis",type:"button"}),offsetValue:-10,placement:"bottom-end",children:t.jsx(A,{icon:"star",onClick:u,children:n})})]})]})}),se=d.forwardRef((c,v)=>{const{caloriesText:m,carbsText:a,proteinText:i,fatsText:s,calculateAgainText:n,yearsText:e,heightText:r,weightText:l,genderText:g,calculateText:u,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:L="Calculate calorie needs"}=c,[R,C]=d.useState(1),[j,E]=d.useState(0),_=({gender:B,year:M,height:q,weight:O,activityLevel:W,goal:$})=>{const G=Z.calculateCalories({gender:B,age:M,heightCm:q,weightKg:O,activityLevel:W,goal:$});E(G),C(3)};return t.jsxs(V,{ref:v,children:[t.jsxs(H,{children:[t.jsx("div",{className:"header-title",children:p}),t.jsx("div",{className:"header-subtitle",children:T})]}),R===1&&t.jsx(X,{buttonText:L,onButtonAction:()=>{C(2)},list:k}),R===2&&t.jsx(ee,{yearsText:e,heightText:r,weightText:l,genderText:g,calculateText:u,closeText:h,onClose:()=>C(1),genders:f,activityLevels:x,activityLevelText:o,goalText:N,goals:w,onCalculate:_}),R===3&&t.jsx(le,{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})]})}),ce=d.forwardRef((c,v)=>t.jsx(se,{ref:v,...c}));module.exports=ce;
+`,Z=d.forwardRef((c,v)=>{var u,m,h,f,x,o,N,w;const{onChange:g=()=>{},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:(m=a==null?void 0:a.at(0))==null?void 0:m.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 k,T;r(p.target.checked),g&&g(p.target.checked===!0?(k=a==null?void 0:a.at(1))==null?void 0:k.value:(T=a==null?void 0:a.at(0))==null?void 0:T.value)};return t.jsxs(X,{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})]})]})]})}),ee=d.forwardRef((c,v)=>{var w;const{yearsText:g,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:m,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(P,{children:[t.jsxs(J,{className:"calorie-calculating",children:[t.jsx("div",{className:"grid-label",children:s}),t.jsx("div",{children:t.jsx(Z,{items:l,onChange:p=>o.current.gender=p})}),t.jsx(te,{text:g,onChange:p=>o.current.year=p}),t.jsx(ae,{text:a,onChange:p=>o.current.height=p}),t.jsx(ne,{text:i,onChange:p=>o.current.weight=p}),t.jsx(re,{text:m,activityLevels:u,onChange:p=>o.current.activityLevel=p}),t.jsx(ie,{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})]})]})}),te=d.forwardRef((c,v)=>{const{text:g="Years",onChange:a=()=>{}}=c,[i,s]=d.useState(1);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"grid-label",children:g}),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,m,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=(m=n==null?void 0:n.target)==null?void 0:m.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()})]})]})}),ae=d.forwardRef((c,v)=>{const{text:g="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:[g," ",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,m,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(((m=(u=e==null?void 0:e.target)==null?void 0:u.value)==null?void 0:m.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()})]})]})}),ne=d.forwardRef((c,v)=>{const{text:g="Weight",unitText:a="kg",onChange:i=()=>{}}=c,[s,n]=d.useState(1);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"grid-label",children:[g," ",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,m,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(((m=(u=e==null?void 0:e.target)==null?void 0:u.value)==null?void 0:m.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:g="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:g}),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))})]})}),ie=d.forwardRef((c,v)=>{const{text:g="Goal",goals:a,onChange:i=()=>{}}=c,[s,n]=d.useState(null);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"grid-label",children:g}),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))})]})}),le=d.forwardRef((c,v)=>{const{caloriesText:g="Calories",carbsText:a="Carbs",proteinText:i="Protein",fatsText:s="Fats",calculateAgainText:n="Calculate again",calories:e,carbs:r,protein:l,fats:u,onGoBack:m=()=>{}}=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:g})]})]}),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(O,{color:"neutral",control:t.jsx(D,{borderRadius:"curved",btnType:"basic",className:"dropdown-btn",color:"neutral",icon:"ellipsis",type:"button"}),offsetValue:-10,placement:"bottom-end",children:t.jsx(H,{icon:"star",onClick:m,children:n})})]})]})}),se=d.forwardRef((c,v)=>{const{caloriesText:g,carbsText:a,proteinText:i,fatsText:s,calculateAgainText:n,yearsText:e,heightText:r,weightText:l,genderText:u,calculateText:m,closeText:h,genders:f,activityLevels:x,activityLevelText:o,goalText:N,goals:w,title:p="Daily calorie calculator",subtitle:k="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:q="Calculate calorie needs"}=c,[R,C]=d.useState(1),[j,W]=d.useState(0),$=({gender:G,year:A,height:F,weight:B,activityLevel:I,goal:M})=>{const V=Y.calculateCalories({gender:G,age:A,heightCm:F,weightKg:B,activityLevel:I,goal:M});W(V),C(3)};return t.jsxs(_,{ref:v,children:[t.jsxs(K,{children:[t.jsx("div",{className:"header-title",children:p}),t.jsx("div",{className:"header-subtitle",children:k})]}),R===1&&t.jsx(E,{buttonText:q,onButtonAction:()=>{C(2)},list:T}),R===2&&t.jsx(ee,{yearsText:e,heightText:r,weightText:l,genderText:u,calculateText:m,closeText:h,onClose:()=>C(1),genders:f,activityLevels:x,activityLevelText:o,goalText:N,goals:w,onCalculate:$}),R===3&&t.jsx(le,{caloriesText:g,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})]})}),ce=d.forwardRef((c,v)=>t.jsx(se,{ref:v,...c}));module.exports=ce;