@lanaco/lnc-react-ui 4.0.72 → 4.0.74

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;

package/dist/CalorieCalculatorSection.js

@@ -1,10 +1,10 @@
-import { jsxs as i, jsx as t, Fragment as z } from "react/jsx-runtime";
+import { jsxs as i, jsx as a, Fragment as z } from "react/jsx-runtime";
 import { forwardRef as w, useState as N, useRef as Y } from "react";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as T } from "./consts-C1uHV4xc.js";
+import { M as C } from "./consts-C1uHV4xc.js";
 import S from "./Button.js";
-import { P as A } from "./index-S5Cd7WrG.js";
-import G from "./RangeSlider.js";
+import { P as G } from "./index-S5Cd7WrG.js";
+import A from "./RangeSlider.js";
 import _ from "./DropdownItem.js";
 import K from "./DropdownMenu.js";
 import X from "./IconButton.js";
@@ -16,7 +16,7 @@ const J = y.div`
   width: 100%;
   gap: 2.25rem;
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${C + "px"}) {
     gap: 2rem;
   }
 `, Q = y.div`
@@ -37,7 +37,7 @@ const J = y.div`
     font-weight: 500;
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${C + "px"}) {
   }
 `;
 y.div`
@@ -71,7 +71,7 @@ const U = y.div`
     }
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${C + "px"}) {
     gap: 2rem;
     & .btns-footer {
       width: 100%;
@@ -147,7 +147,7 @@ const U = y.div`
     padding-top: 0 !important;
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${C + "px"}) {
     gap: 0.25rem;
     grid-template-columns: auto;
 
@@ -200,7 +200,7 @@ const U = y.div`
     margin: 0 0.62rem;
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${C + "px"}) {
     padding: 0.75rem;
     gap: 0.75rem;
 
@@ -220,7 +220,7 @@ const U = y.div`
   gap: 1rem;
   flex: 1;
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${C + "px"}) {
     grid-template-columns: repeat(2, 1fr);
     gap: 0.75rem;
   }
@@ -250,7 +250,7 @@ const U = y.div`
     font-size: 3rem;
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${C + "px"}) {
     flex-direction: row;
     gap: 0.25rem;
     font-size: 0.875rem;
@@ -280,7 +280,7 @@ const U = y.div`
   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;
@@ -303,7 +303,7 @@ const U = y.div`
     position: absolute;
     top: 0;
     bottom: 0;
-    left: ${(s) => s.checked ? "3rem" : "3px"};
+    left: ${(s) => s.checked ? "4.6875rem" : "0"};
     background: var(--success-600, #059669);
     border-radius: 30px;
     transition: left 0.3s;
@@ -319,6 +319,15 @@ const U = y.div`
     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 {
@@ -343,53 +352,53 @@ const U = y.div`
     align-items: center;
     gap: 0.38rem;
   }
-`, I = w((s, f) => {
-  var m, g, p, h, v, x, k, C;
+`, I = w((s, x) => {
+  var g, u, v, f, p, d, k, T;
   const {
-    onChange: d = () => {
+    onChange: m = () => {
     },
-    items: a = [
+    items: t = [
       { name: "Male", icon: "mng-lnc-male-02", value: "male" },
       { name: "Female", value: "female", icon: "mng-lnc-female-02" }
     ],
     ...l
   } = s, c = /* @__PURE__ */ i("div", { className: "cont", children: [
-    /* @__PURE__ */ t("i", { className: (m = a == null ? void 0 : a.at(0)) == null ? void 0 : m.icon }),
-    /* @__PURE__ */ t("span", { children: (g = a == null ? void 0 : a.at(0)) == null ? void 0 : g.name })
+    /* @__PURE__ */ a("i", { className: (g = t == null ? void 0 : t.at(0)) == null ? void 0 : g.icon }),
+    /* @__PURE__ */ a("span", { children: (u = t == null ? void 0 : t.at(0)) == null ? void 0 : u.name })
   ] }), n = /* @__PURE__ */ i("div", { className: "cont", children: [
-    /* @__PURE__ */ t("span", { children: (p = a == null ? void 0 : a.at(1)) == null ? void 0 : p.name }),
-    /* @__PURE__ */ t("i", { className: (h = a == null ? void 0 : a.at(1)) == null ? void 0 : h.icon })
+    /* @__PURE__ */ a("span", { children: (v = t == null ? void 0 : t.at(1)) == null ? void 0 : v.name }),
+    /* @__PURE__ */ a("i", { className: (f = t == null ? void 0 : t.at(1)) == null ? void 0 : f.icon })
   ] }), [e, r] = N(!1);
-  return /* @__PURE__ */ i(ne, { ref: f, checked: e, ...l, children: [
-    /* @__PURE__ */ t("input", { type: "checkbox", checked: e, onChange: (u) => {
-      var L, j;
-      r(u.target.checked), d && d(
-        u.target.checked === !0 ? (L = a == null ? void 0 : a.at(1)) == null ? void 0 : L.value : (j = a == null ? void 0 : a.at(0)) == null ? void 0 : j.value
+  return /* @__PURE__ */ i(ne, { ref: x, checked: e, ...l, children: [
+    /* @__PURE__ */ a("input", { type: "checkbox", checked: e, onChange: (h) => {
+      var j, L;
+      r(h.target.checked), m && m(
+        h.target.checked === !0 ? (j = t == null ? void 0 : t.at(1)) == null ? void 0 : j.value : (L = t == null ? void 0 : t.at(0)) == null ? void 0 : L.value
       );
     } }),
-    /* @__PURE__ */ t("span", { className: "knob", children: e ? n : c }),
+    /* @__PURE__ */ a("span", { className: "knob", children: e ? n : c }),
     /* @__PURE__ */ i("span", { className: "text", children: [
       /* @__PURE__ */ i("div", { className: "cont", children: [
-        /* @__PURE__ */ t("i", { className: (v = a == null ? void 0 : a.at(0)) == null ? void 0 : v.icon }),
-        e === !0 && /* @__PURE__ */ t("span", { className: "hidden-txt", children: (x = a == null ? void 0 : a.at(0)) == null ? void 0 : x.name })
+        /* @__PURE__ */ a("i", { className: (p = t == null ? void 0 : t.at(0)) == null ? void 0 : p.icon }),
+        e === !0 && /* @__PURE__ */ a("span", { className: "hidden-txt", children: (d = t == null ? void 0 : t.at(0)) == null ? void 0 : d.name })
       ] }),
       /* @__PURE__ */ i("div", { className: "cont", children: [
-        e !== !0 && /* @__PURE__ */ t("span", { className: "hidden-txt", children: (k = a == null ? void 0 : a.at(1)) == null ? void 0 : k.name }),
-        /* @__PURE__ */ t("i", { className: (C = a == null ? void 0 : a.at(1)) == null ? void 0 : C.icon })
+        e !== !0 && /* @__PURE__ */ a("span", { className: "hidden-txt", children: (k = t == null ? void 0 : t.at(1)) == null ? void 0 : k.name }),
+        /* @__PURE__ */ a("i", { className: (T = t == null ? void 0 : t.at(1)) == null ? void 0 : T.icon })
       ] })
     ] })
   ] });
 });
 I.propTypes = {
-  value: A.any,
-  handleClick: A.func,
-  color: A.string
+  value: G.any,
+  handleClick: G.func,
+  color: G.string
 };
-const ie = w((s, f) => {
-  var C;
+const ie = w((s, x) => {
+  var T;
   const {
-    yearsText: d,
-    heightText: a,
+    yearsText: m,
+    heightText: t,
     weightText: l,
     genderText: c = "Gender",
     calculateText: n = "Calculate",
@@ -400,80 +409,80 @@ const ie = w((s, f) => {
       { name: "Male", icon: "mng-lnc-male-02", value: "male" },
       { name: "Female", value: "female", icon: "mng-lnc-female-02" }
     ],
-    activityLevels: m = [
+    activityLevels: g = [
       { name: "Very low", code: "veryLow" },
       { name: "Moderate", code: "moderate" },
       { name: "Very active", code: "veryActive" }
     ],
-    activityLevelText: g,
-    goalText: p,
-    goals: h = [
+    activityLevelText: u,
+    goalText: v,
+    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: v = () => {
+    onCalculate: p = () => {
     }
-  } = s, x = Y({
+  } = s, d = Y({
     year: null,
     height: null,
     weight: null,
-    gender: (C = o == null ? void 0 : o.at(0)) == null ? void 0 : C.value,
+    gender: (T = o == null ? void 0 : o.at(0)) == null ? void 0 : T.value,
     activityLevel: null,
     goal: null
   }), k = () => {
-    v == null || v(x == null ? void 0 : x.current);
+    p == null || p(d == null ? void 0 : d.current);
   };
   return /* @__PURE__ */ i(U, { children: [
     /* @__PURE__ */ i(ee, { className: "calorie-calculating", children: [
-      /* @__PURE__ */ t("div", { className: "grid-label", children: c }),
-      /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+      /* @__PURE__ */ a("div", { className: "grid-label", children: c }),
+      /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
         I,
         {
           items: o,
-          onChange: (u) => x.current.gender = u
+          onChange: (h) => d.current.gender = h
         }
       ) }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         re,
         {
-          text: d,
-          onChange: (u) => x.current.year = u
+          text: m,
+          onChange: (h) => d.current.year = h
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         le,
         {
-          text: a,
-          onChange: (u) => x.current.height = u
+          text: t,
+          onChange: (h) => d.current.height = h
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         ce,
         {
           text: l,
-          onChange: (u) => x.current.weight = u
+          onChange: (h) => d.current.weight = h
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         oe,
         {
-          text: g,
-          activityLevels: m,
-          onChange: (u) => x.current.activityLevel = u
+          text: u,
+          activityLevels: g,
+          onChange: (h) => d.current.activityLevel = h
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         se,
         {
-          text: p,
-          goals: h,
-          onChange: (u) => x.current.goal = u
+          text: v,
+          goals: f,
+          onChange: (h) => d.current.goal = h
         }
       )
     ] }),
     /* @__PURE__ */ i("div", { className: "btns-footer", children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         S,
         {
           type: "button",
@@ -485,7 +494,7 @@ const ie = w((s, f) => {
           children: n
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         S,
         {
           type: "button",
@@ -498,14 +507,14 @@ const ie = w((s, f) => {
       )
     ] })
   ] });
-}), re = w((s, f) => {
-  const { text: d = "Years", onChange: a = () => {
+}), re = w((s, x) => {
+  const { text: m = "Years", onChange: t = () => {
   } } = s, [l, c] = N(1);
   return /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ t("div", { className: "grid-label", children: d }),
+    /* @__PURE__ */ a("div", { className: "grid-label", children: m }),
     /* @__PURE__ */ i("div", { className: "caluclating-group", children: [
-      /* @__PURE__ */ t(
-        G,
+      /* @__PURE__ */ a(
+        A,
         {
           className: "range-input-lnc",
           max: 115,
@@ -516,39 +525,39 @@ const ie = w((s, f) => {
           defaultValue: 0,
           onChange: (n) => {
             var e, r;
-            c((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);
+            c((e = n == null ? void 0 : n.target) == null ? void 0 : e.value), t == null || t((r = n == null ? void 0 : n.target) == null ? void 0 : r.value);
           }
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         "input",
         {
           tabIndex: 2,
           type: "text",
           className: "calculating-input",
           onChange: (n) => {
-            var e, r, o, m, g, p, h;
-            !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 && c(
-              ((m = (o = n == null ? void 0 : n.target) == null ? void 0 : o.value) == null ? void 0 : m.length) > 1 ? (p = (g = n == null ? void 0 : n.target) == null ? void 0 : g.value) == null ? void 0 : p.replace(/^0+/, "") : (h = n == null ? void 0 : n.target) == null ? void 0 : h.value
-            );
+            var e, r, o, g, u, v, f, p;
+            !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 && (c(
+              ((g = (o = n == null ? void 0 : n.target) == null ? void 0 : o.value) == null ? void 0 : g.length) > 1 ? (v = (u = n == null ? void 0 : n.target) == null ? void 0 : u.value) == null ? void 0 : v.replace(/^0+/, "") : (f = n == null ? void 0 : n.target) == null ? void 0 : f.value
+            ), t == null || t((p = n == null ? void 0 : n.target) == null ? void 0 : p.value));
           },
           value: l == null ? void 0 : l.toString()
         }
       )
     ] })
   ] });
-}), le = w((s, f) => {
-  const { text: d = "Height", unitText: a = "cm", onChange: l = () => {
+}), le = w((s, x) => {
+  const { text: m = "Height", unitText: t = "cm", onChange: l = () => {
   } } = s, [c, n] = N(1);
   return /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ i("div", { className: "grid-label", children: [
-      d,
+      m,
       " ",
-      /* @__PURE__ */ t("span", { className: "unit", children: `(${a})` })
+      /* @__PURE__ */ a("span", { className: "unit", children: `(${t})` })
     ] }),
     /* @__PURE__ */ i("div", { className: "caluclating-group", children: [
-      /* @__PURE__ */ t(
-        G,
+      /* @__PURE__ */ a(
+        A,
         {
           className: "range-input-lnc",
           max: 273,
@@ -563,35 +572,35 @@ const ie = w((s, f) => {
           }
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         "input",
         {
           type: "text",
           tabIndex: 2,
           className: "calculating-input",
           onChange: (e) => {
-            var r, o, m, g, p, h, v;
-            !isNaN((r = e == null ? void 0 : e.target) == null ? void 0 : r.value) && +((o = e == null ? void 0 : e.target) == null ? void 0 : o.value) >= 0 && n(
-              ((g = (m = e == null ? void 0 : e.target) == null ? void 0 : m.value) == null ? void 0 : g.length) > 1 ? (h = (p = e == null ? void 0 : e.target) == null ? void 0 : p.value) == null ? void 0 : h.replace(/^0+/, "") : (v = e == null ? void 0 : e.target) == null ? void 0 : v.value
-            );
+            var r, o, g, u, v, f, p, d;
+            !isNaN((r = e == null ? void 0 : e.target) == null ? void 0 : r.value) && +((o = e == null ? void 0 : e.target) == null ? void 0 : o.value) >= 0 && (n(
+              ((u = (g = e == null ? void 0 : e.target) == null ? void 0 : g.value) == null ? void 0 : u.length) > 1 ? (f = (v = e == null ? void 0 : e.target) == null ? void 0 : v.value) == null ? void 0 : f.replace(/^0+/, "") : (p = e == null ? void 0 : e.target) == null ? void 0 : p.value
+            ), l == null || l((d = e == null ? void 0 : e.target) == null ? void 0 : d.value));
           },
           value: c == null ? void 0 : c.toString()
         }
       )
     ] })
   ] });
-}), ce = w((s, f) => {
-  const { text: d = "Weight", unitText: a = "cm", onChange: l = () => {
+}), ce = w((s, x) => {
+  const { text: m = "Weight", unitText: t = "cm", onChange: l = () => {
   } } = s, [c, n] = N(1);
   return /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ i("div", { className: "grid-label", children: [
-      d,
+      m,
       " ",
-      /* @__PURE__ */ t("span", { className: "unit", children: `(${a})` })
+      /* @__PURE__ */ a("span", { className: "unit", children: `(${t})` })
     ] }),
     /* @__PURE__ */ i("div", { className: "caluclating-group", children: [
-      /* @__PURE__ */ t(
-        G,
+      /* @__PURE__ */ a(
+        A,
         {
           className: "range-input-lnc",
           max: 400,
@@ -606,33 +615,33 @@ const ie = w((s, f) => {
           }
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         "input",
         {
           tabIndex: 2,
           type: "text",
           className: "calculating-input",
           onChange: (e) => {
-            var r, o, m, g, p, h, v;
-            !isNaN((r = e == null ? void 0 : e.target) == null ? void 0 : r.value) && +((o = e == null ? void 0 : e.target) == null ? void 0 : o.value) >= 0 && n(
-              ((g = (m = e == null ? void 0 : e.target) == null ? void 0 : m.value) == null ? void 0 : g.length) > 1 ? (h = (p = e == null ? void 0 : e.target) == null ? void 0 : p.value) == null ? void 0 : h.replace(/^0+/, "") : (v = e == null ? void 0 : e.target) == null ? void 0 : v.value
-            );
+            var r, o, g, u, v, f, p, d;
+            !isNaN((r = e == null ? void 0 : e.target) == null ? void 0 : r.value) && +((o = e == null ? void 0 : e.target) == null ? void 0 : o.value) >= 0 && (n(
+              ((u = (g = e == null ? void 0 : e.target) == null ? void 0 : g.value) == null ? void 0 : u.length) > 1 ? (f = (v = e == null ? void 0 : e.target) == null ? void 0 : v.value) == null ? void 0 : f.replace(/^0+/, "") : (p = e == null ? void 0 : e.target) == null ? void 0 : p.value
+            ), l == null || l((d = e == null ? void 0 : e.target) == null ? void 0 : d.value));
           },
           value: c == null ? void 0 : c.toString()
         }
       )
     ] })
   ] });
-}), oe = w((s, f) => {
+}), oe = w((s, x) => {
   const {
-    text: d = "Activity level",
-    activityLevels: a,
+    text: m = "Activity level",
+    activityLevels: t,
     onChange: l = () => {
     }
   } = s, [c, n] = N(null);
   return /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ t("div", { className: "grid-label", children: d }),
-    /* @__PURE__ */ t("div", { className: "caluclating-group", children: a == null ? void 0 : a.map((e, r) => /* @__PURE__ */ t(
+    /* @__PURE__ */ a("div", { className: "grid-label", children: m }),
+    /* @__PURE__ */ a("div", { className: "caluclating-group", children: t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ a(
       S,
       {
         type: "button",
@@ -647,12 +656,12 @@ const ie = w((s, f) => {
       r
     )) })
   ] });
-}), se = w((s, f) => {
-  const { text: d = "Goal", goals: a, onChange: l = () => {
+}), se = w((s, x) => {
+  const { text: m = "Goal", goals: t, onChange: l = () => {
   } } = s, [c, n] = N(null);
   return /* @__PURE__ */ i(z, { children: [
-    /* @__PURE__ */ t("div", { className: "grid-label", children: d }),
-    /* @__PURE__ */ t("div", { className: "caluclating-group group-activity", children: a == null ? void 0 : a.map((e, r) => /* @__PURE__ */ t(
+    /* @__PURE__ */ a("div", { className: "grid-label", children: m }),
+    /* @__PURE__ */ a("div", { className: "caluclating-group group-activity", children: t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ a(
       S,
       {
         type: "button",
@@ -663,77 +672,77 @@ const ie = w((s, f) => {
           n(e == null ? void 0 : e.code), l(e == null ? void 0 : e.code);
         },
         children: /* @__PURE__ */ i("div", { className: "btn-cnt", children: [
-          /* @__PURE__ */ t("i", { className: e == null ? void 0 : e.icon }),
-          /* @__PURE__ */ t("span", { children: e == null ? void 0 : e.name })
+          /* @__PURE__ */ a("i", { className: e == null ? void 0 : e.icon }),
+          /* @__PURE__ */ a("span", { children: e == null ? void 0 : e.name })
         ] })
       },
       r
     )) })
   ] });
-}), de = w((s, f) => {
+}), de = w((s, x) => {
   const {
-    caloriesText: d = "Calories",
-    carbsText: a = "Carbs",
+    caloriesText: m = "Calories",
+    carbsText: t = "Carbs",
     proteinText: l = "Protein",
     fatsText: c = "Fats",
     calculateAgainText: n = "Calculate again",
     calories: e,
     carbs: r,
     protein: o,
-    fats: m,
-    onGoBack: g = () => {
+    fats: g,
+    onGoBack: u = () => {
     }
   } = s;
   return /* @__PURE__ */ i(te, { children: [
     /* @__PURE__ */ i(ae, { children: [
       /* @__PURE__ */ i(R, { color: "var(--warning-600)", children: [
-        /* @__PURE__ */ t("i", { className: "mng-lnc-fire" }),
+        /* @__PURE__ */ a("i", { className: "mng-lnc-fire" }),
         /* @__PURE__ */ i("div", { className: "subgroup", children: [
           /* @__PURE__ */ i("div", { children: [
             e,
             " kcal"
           ] }),
-          /* @__PURE__ */ t("div", { className: "subtext", children: d })
+          /* @__PURE__ */ a("div", { className: "subtext", children: m })
         ] })
       ] }),
       /* @__PURE__ */ i(R, { color: "var(--secondary-400)", children: [
-        /* @__PURE__ */ t("i", { className: "mng-lnc-leaf" }),
+        /* @__PURE__ */ a("i", { className: "mng-lnc-leaf" }),
         /* @__PURE__ */ i("div", { className: "subgroup", children: [
           /* @__PURE__ */ i("div", { children: [
             r,
             "g"
           ] }),
-          /* @__PURE__ */ t("div", { className: "subtext", children: a })
+          /* @__PURE__ */ a("div", { className: "subtext", children: t })
         ] })
       ] }),
       /* @__PURE__ */ i(R, { color: "var(--info-500)", children: [
-        /* @__PURE__ */ t("i", { className: "mng-lnc-meat" }),
+        /* @__PURE__ */ a("i", { className: "mng-lnc-meat" }),
         /* @__PURE__ */ i("div", { className: "subgroup", children: [
           /* @__PURE__ */ i("div", { children: [
             o,
             "g"
           ] }),
-          /* @__PURE__ */ t("div", { className: "subtext", children: l })
+          /* @__PURE__ */ a("div", { className: "subtext", children: l })
         ] })
       ] }),
       /* @__PURE__ */ i(R, { color: "var(--warning-300)", children: [
-        /* @__PURE__ */ t("i", { className: "mng-lnc-meat" }),
+        /* @__PURE__ */ a("i", { className: "mng-lnc-meat" }),
         /* @__PURE__ */ i("div", { className: "subgroup", children: [
           /* @__PURE__ */ i("div", { children: [
-            m,
+            g,
             "g"
           ] }),
-          /* @__PURE__ */ t("div", { className: "subtext", children: c })
+          /* @__PURE__ */ a("div", { className: "subtext", children: c })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ i("div", { className: "dropdown-group", children: [
-      /* @__PURE__ */ t("div", { className: "vertical-line" }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a("div", { className: "vertical-line" }),
+      /* @__PURE__ */ a(
         K,
         {
           color: "neutral",
-          control: /* @__PURE__ */ t(
+          control: /* @__PURE__ */ a(
             X,
             {
               borderRadius: "curved",
@@ -746,68 +755,68 @@ const ie = w((s, f) => {
           ),
           offsetValue: -10,
           placement: "bottom-end",
-          children: /* @__PURE__ */ t(_, { icon: "star", onClick: g, children: n })
+          children: /* @__PURE__ */ a(_, { icon: "star", onClick: u, children: n })
         }
       )
     ] })
   ] });
-}), me = w((s, f) => {
+}), me = w((s, x) => {
   const {
-    caloriesText: d,
-    carbsText: a,
+    caloriesText: m,
+    carbsText: t,
     proteinText: l,
     fatsText: c,
     calculateAgainText: n,
     yearsText: e,
     heightText: r,
     weightText: o,
-    genderText: m,
-    calculateText: g,
-    closeText: p,
-    genders: h,
-    activityLevels: v,
-    activityLevelText: x,
+    genderText: g,
+    calculateText: u,
+    closeText: v,
+    genders: f,
+    activityLevels: p,
+    activityLevelText: d,
     goalText: k,
-    goals: C,
-    title: u = "Daily calorie calculator",
-    subtitle: L = "Lorem ipsum dolor sit amet",
-    list: j = [
+    goals: T,
+    title: h = "Daily calorie calculator",
+    subtitle: j = "Lorem ipsum dolor sit amet",
+    list: L = [
       "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: M = "Calculate calorie needs"
   } = s, [W, $] = N(1), [b, B] = N(0);
-  return /* @__PURE__ */ i(J, { ref: f, children: [
+  return /* @__PURE__ */ i(J, { ref: x, children: [
     /* @__PURE__ */ i(Q, { children: [
-      /* @__PURE__ */ t("div", { className: "header-title", children: u }),
-      /* @__PURE__ */ t("div", { className: "header-subtitle", children: L })
+      /* @__PURE__ */ a("div", { className: "header-title", children: h }),
+      /* @__PURE__ */ a("div", { className: "header-subtitle", children: j })
     ] }),
-    W === 1 && /* @__PURE__ */ t(
+    W === 1 && /* @__PURE__ */ a(
       Z,
       {
         buttonText: M,
         onButtonAction: () => {
           $(2);
         },
-        list: j
+        list: L
       }
     ),
-    W === 2 && /* @__PURE__ */ t(
+    W === 2 && /* @__PURE__ */ a(
       ie,
       {
         yearsText: e,
         heightText: r,
         weightText: o,
-        genderText: m,
-        calculateText: g,
-        closeText: p,
+        genderText: g,
+        calculateText: u,
+        closeText: v,
         onClose: () => $(1),
-        genders: h,
-        activityLevels: v,
-        activityLevelText: x,
+        genders: f,
+        activityLevels: p,
+        activityLevelText: d,
         goalText: k,
-        goals: C,
+        goals: T,
         onCalculate: ({
           gender: V,
           year: E,
@@ -828,11 +837,11 @@ const ie = w((s, f) => {
         }
       }
     ),
-    W === 3 && /* @__PURE__ */ t(
+    W === 3 && /* @__PURE__ */ a(
       de,
       {
-        caloriesText: d,
-        carbsText: a,
+        caloriesText: m,
+        carbsText: t,
         proteinText: l,
         fatsText: c,
         calculateAgainText: n,
@@ -844,7 +853,7 @@ const ie = w((s, f) => {
       }
     )
   ] });
-}), ke = w((s, f) => /* @__PURE__ */ t(me, { ref: f, ...s }));
+}), ke = w((s, x) => /* @__PURE__ */ a(me, { ref: x, ...s }));
 export {
   ke as default
 };

package/dist/GeneralWithTagsCardsSection.cjs

@@ -130,7 +130,7 @@
   height: 3rem;
   border-radius: 999px;
   background: ${m.linearGradientAnimation("-90deg")};
-`,E=l.forwardRef(({},t)=>r.jsx(C,{})),W=l.forwardRef(({text:t,icon:i,onSelectCard:a=()=>{}},p)=>r.jsxs(N,{onClick:a,children:[r.jsx(j,{icon:` ${i}`,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),G=l.forwardRef(({image:t,imageComponent:i,title:a,onSelectCard:p=()=>{}},c)=>{const{theme:h}=k.useTheme();return r.jsxs($,{ref:c,theme:h,onClick:p,children:[m.isDefined(i)?i:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:a})})]})}),R=l.forwardRef(({},t)=>r.jsx(I,{})),q=o.styled.div`
+`,E=l.forwardRef(({},t)=>r.jsx(C,{})),W=l.forwardRef(({title:t,icon:i,onSelectCard:a=()=>{}},p)=>r.jsxs(N,{onClick:a,children:[r.jsx(j,{icon:` ${i}`,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),G=l.forwardRef(({imageUrl:t,imageComponent:i,title:a,onSelectCard:p=()=>{}},c)=>{const{theme:h}=k.useTheme();return r.jsxs($,{ref:c,theme:h,onClick:p,children:[m.isDefined(i)?i:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__content",children:r.jsx("div",{className:"wrapper__title",children:a})})]})}),R=l.forwardRef(({},t)=>r.jsx(I,{})),q=o.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -207,4 +207,4 @@
       gap: 1rem;
     }
   }
-`,z=l.forwardRef(({title:t,subtitle:i,options:a=[],limitTags:p=7,limitTagsForMobile:c=2,limit:h=3,limitForMobile:b=3,items:n=[],onSelectTag:_=()=>{},onSelectCard:x=()=>{},isLoading:y},v)=>{var f,u;const g=e=>{_==null||_(e==null?void 0:e.uuid)},w=e=>{x==null||x(e==null?void 0:e.uuid)};return r.jsxs(q,{ref:v,limitTags:p,limitTagsForMobile:c,limitCards:h,limitCardsForMobile:b,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),i&&r.jsx("div",{className:"wrapper__subtitle",children:i})]}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,s)=>r.jsx(G,{image:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>w==null?void 0:w(e==null?void 0:e.uuid)},`general-with-tags-card__${s+1}`)):(f=Array.from("123"))==null?void 0:f.map((e,s)=>r.jsx(R,{},`general-with-tags-card-skeleton__${s+1}`))}),(a==null?void 0:a.length)>0&&r.jsx("div",{className:"wrapper__tags",children:a==null?void 0:a.map((e,s)=>r.jsx(W,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.text,onSelectCard:()=>g==null?void 0:g(e)},`general-with-tags-card-tag__${s+1}`))}),y===!0&&!((a==null?void 0:a.length)>0)&&r.jsx("div",{className:"wrapper__tags",children:(u=Array.from("123"))==null?void 0:u.map((e,s)=>r.jsx(E,{},`general-with-tags-card-tag-skeleton__${s+1}`))})]})});module.exports=z;
+`,z=l.forwardRef(({title:t,subtitle:i,options:a=[],limitTags:p=7,limitTagsForMobile:c=2,limit:h=3,limitForMobile:b=3,items:n=[],onSelectTag:_=()=>{},onSelectCard:g=()=>{},isLoading:y},v)=>{var f,u;const w=e=>{_==null||_(e==null?void 0:e.uuid)},x=e=>{g==null||g(e==null?void 0:e.uuid)};return r.jsxs(q,{ref:v,limitTags:p,limitTagsForMobile:c,limitCards:h,limitCardsForMobile:b,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),i&&r.jsx("div",{className:"wrapper__subtitle",children:i})]}),r.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,s)=>r.jsx(G,{imageUrl:e==null?void 0:e.imageUrl,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,onSelectCard:()=>x==null?void 0:x(e==null?void 0:e.uuid)},`general-with-tags-card__${s+1}`)):(f=Array.from("123"))==null?void 0:f.map((e,s)=>r.jsx(R,{},`general-with-tags-card-skeleton__${s+1}`))}),(a==null?void 0:a.length)>0&&r.jsx("div",{className:"wrapper__tags",children:a==null?void 0:a.map((e,s)=>r.jsx(W,{icon:e==null?void 0:e.icon,title:e==null?void 0:e.title,onSelectCard:()=>w==null?void 0:w(e)},`general-with-tags-card-tag__${s+1}`))}),y===!0&&!((a==null?void 0:a.length)>0)&&r.jsx("div",{className:"wrapper__tags",children:(u=Array.from("123"))==null?void 0:u.map((e,s)=>r.jsx(E,{},`general-with-tags-card-tag-skeleton__${s+1}`))})]})});module.exports=z;

package/dist/GeneralWithTagsCardsSection.js

@@ -138,14 +138,14 @@ const j = s.div`
   border-radius: 999px;
   background: ${b("-90deg")};
 `, I = o(({}, r) => /* @__PURE__ */ a(T, {})), M = o(
-  ({ text: r, icon: i, onSelectCard: t = () => {
+  ({ title: r, icon: i, onSelectCard: t = () => {
   } }, p) => /* @__PURE__ */ m(z, { onClick: t, children: [
     /* @__PURE__ */ a(C, { icon: ` ${i}`, className: "wrapper__icon" }),
     /* @__PURE__ */ a("div", { className: "wrapper__text", children: r })
   ] })
 ), A = o(
   // eslint-disable-next-line react/prop-types
-  ({ image: r, imageComponent: i, title: t, onSelectCard: p = () => {
+  ({ imageUrl: r, imageComponent: i, title: t, onSelectCard: p = () => {
   } }, c) => {
     const { theme: h } = W();
     return /* @__PURE__ */ m(j, { ref: c, theme: h, onClick: p, children: [
@@ -268,7 +268,7 @@ const j = s.div`
           /* @__PURE__ */ a("div", { className: "wrapper__cards", children: n && (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((e, l) => /* @__PURE__ */ a(
             A,
             {
-              image: e == null ? void 0 : e.imageUrl,
+              imageUrl: e == null ? void 0 : e.imageUrl,
               imageComponent: e == null ? void 0 : e.imageComponent,
               title: e == null ? void 0 : e.title,
               onSelectCard: () => f == null ? void 0 : f(e == null ? void 0 : e.uuid)
@@ -283,7 +283,7 @@ const j = s.div`
             M,
             {
               icon: e == null ? void 0 : e.icon,
-              text: e == null ? void 0 : e.text,
+              title: e == null ? void 0 : e.title,
               onSelectCard: () => _ == null ? void 0 : _(e)
             },
             `general-with-tags-card-tag__${l + 1}`

package/dist/QuizSection.cjs

@@ -392,4 +392,4 @@
       display: none;
     }
   }
-`,ie=i.forwardRef(({title:g,subtitle:c,endTitle:f,endDescription:x,imageUrl:h,imageComponent:n,questions:r,secondsPerQuestion:C,numberOfCredits:z,startQuizText:Q="Start quiz",nextText:U="Next",giveUpText:Z="Give up",questionNoText:L="Question",continueText:$="Continue",endQuizText:o="End quiz",onStartQuiz:R=()=>{},onSelectAnswer:p=()=>{},onGiveUp:b=()=>{},onNext:u=()=>{},onContinue:E=()=>{},onEndQuiz:w=()=>{}},W)=>{const[d,a]=i.useState(l.START_QUIZ),[m,v]=i.useState(1),[t,D]=i.useState(null),[O,y]=i.useState(null),[P,j]=i.useState(null),A=i.useRef([]),I=i.useRef(0),B=()=>{var s;a(l.QUIZ),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,+m)),R==null||R()},X=(s,S)=>{j(S),y(s),p==null||p()},F=()=>{a(l.START_QUIZ),v(1),y(null),j(null),b==null||b()},G=()=>{var S;const s=P===(t==null?void 0:t.correctAnswerIndex);s?(a(l.CORRECT_ANSWER),I.current+=z||(t==null?void 0:t.numberOfCredits)):m===(r==null?void 0:r.length)?(a(l.START_QUIZ),v(1),y(null),j(null)):(v(m+1),D((S=r==null?void 0:r.at)==null?void 0:S.call(r,+m+1)),y(null),j(null)),A.current=[...A.current,{question:t,selectedAnswer:O,isCorrect:s}],u==null||u()},H=()=>{var s;m===(r==null?void 0:r.length)?(a(l.START_QUIZ),v(1)):(a(l.QUIZ),v(m+1),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,+m+1))),y(null),j(null),E==null||E(I==null?void 0:I.current)},J=()=>{a(l.START_QUIZ),v(1),y(null),j(null),w==null||w()};return e.jsxs(ae,{ref:W,children:[e.jsxs("div",{className:"wrapper__outlet",children:[d===l.START_QUIZ&&e.jsx(ee,{title:g,description:c,startQuizText:Q,onStartQuiz:B}),d===l.QUIZ&&t&&e.jsx(re,{questionNoText:L,questionNo:m,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.questionText,options:t==null?void 0:t.options,secondsPerQuestion:C||(t==null?void 0:t.secondsPerQuestion),correctAnswerIndex:t==null?void 0:t.correctAnswerIndex,selectedAnswer:O,nextText:U,giveUpText:Z,nextDisabled:!N.isDefined(O),onSelectAnswer:X,onGiveUp:F,onNext:G,selectedAnswerIndex:P},`quiz-question__${m}`),d===l.CORRECT_ANSWER&&e.jsx(te,{title:f,description:N.formatString(x,z||(t==null?void 0:t.numberOfCredits)),continueText:$,endQuizText:o,onContinue:H,onEndQuiz:J})]}),N.isDefined(n)?n:e.jsx("img",{src:h,className:"wrapper__image"})]})});module.exports=ie;
+`,ie=i.forwardRef(({title:g,subtitle:c,endTitle:f,endDescription:x,imageUrl:h,imageComponent:n,questions:r,secondsPerQuestion:C,numberOfCredits:z,startQuizText:Q="Start quiz",nextText:U="Next",giveUpText:Z="Give up",questionNoText:L="Question",continueText:$="Continue",endQuizText:o="End quiz",onStartQuiz:R=()=>{},onSelectAnswer:p=()=>{},onGiveUp:b=()=>{},onNext:u=()=>{},onContinue:E=()=>{},onEndQuiz:w=()=>{}},W)=>{const[d,a]=i.useState(l.START_QUIZ),[m,v]=i.useState(0),[t,D]=i.useState(null),[O,y]=i.useState(null),[P,j]=i.useState(null),A=i.useRef([]),I=i.useRef(0),B=()=>{var s;a(l.QUIZ),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,m)),R==null||R()},X=(s,S)=>{j(S),y(s),p==null||p()},F=()=>{a(l.START_QUIZ),v(0),y(null),j(null),b==null||b()},G=()=>{var S;const s=P===(t==null?void 0:t.correctAnswerIndex);s?(a(l.CORRECT_ANSWER),I.current+=z||(t==null?void 0:t.numberOfCredits)):m===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),v(0),y(null),j(null)):(v(m+1),D((S=r==null?void 0:r.at)==null?void 0:S.call(r,m+1)),y(null),j(null)),A.current=[...A.current,{question:t,selectedAnswer:O,isCorrect:s}],u==null||u()},H=()=>{var s;m===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),v(0)):(a(l.QUIZ),v(m+1),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,m+1))),y(null),j(null),E==null||E(I==null?void 0:I.current)},J=()=>{a(l.START_QUIZ),v(0),y(null),j(null),w==null||w()};return e.jsxs(ae,{ref:W,children:[e.jsxs("div",{className:"wrapper__outlet",children:[d===l.START_QUIZ&&e.jsx(ee,{title:g,description:c,startQuizText:Q,onStartQuiz:B}),d===l.QUIZ&&t&&e.jsx(re,{questionNoText:L,questionNo:m,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.questionText,options:t==null?void 0:t.options,secondsPerQuestion:C||(t==null?void 0:t.secondsPerQuestion),correctAnswerIndex:t==null?void 0:t.correctAnswerIndex,selectedAnswer:O,nextText:U,giveUpText:Z,nextDisabled:!N.isDefined(O),onSelectAnswer:X,onGiveUp:F,onNext:G,selectedAnswerIndex:P},`quiz-question__${m}`),d===l.CORRECT_ANSWER&&e.jsx(te,{title:f,description:N.formatString(x,z||(t==null?void 0:t.numberOfCredits)),continueText:$,endQuizText:o,onContinue:H,onEndQuiz:J})]}),N.isDefined(n)?n:e.jsx("img",{src:h,className:"wrapper__image"})]})});module.exports=ie;

package/dist/QuizSection.js

@@ -634,22 +634,22 @@ const le = E.div`
     onEndQuiz: x = () => {
     }
   }, L) => {
-    const [m, i] = w(l.START_QUIZ), [d, v] = w(1), [a, A] = w(null), [O, y] = w(null), [F, b] = w(null), X = B([]), Q = B(0), J = () => {
+    const [m, i] = w(l.START_QUIZ), [d, v] = w(0), [a, A] = w(null), [O, y] = w(null), [F, b] = w(null), X = B([]), Q = B(0), J = () => {
       var c;
       i(l.QUIZ), A(
         // questions?.find((question) => question?.questionNo === questionNo)
-        (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, +d)
+        (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, d)
       ), N == null || N();
     }, K = (c, S) => {
       b(S), y(c), p == null || p();
     }, V = () => {
-      i(l.START_QUIZ), v(1), y(null), b(null), k == null || k();
+      i(l.START_QUIZ), v(0), y(null), b(null), k == null || k();
     }, Y = () => {
       var S;
       const c = F === (a == null ? void 0 : a.correctAnswerIndex);
-      c ? (i(l.CORRECT_ANSWER), Q.current += C || (a == null ? void 0 : a.numberOfCredits)) : d === (e == null ? void 0 : e.length) ? (i(l.START_QUIZ), v(1), y(null), b(null)) : (v(d + 1), A(
+      c ? (i(l.CORRECT_ANSWER), Q.current += C || (a == null ? void 0 : a.numberOfCredits)) : d === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), v(0), y(null), b(null)) : (v(d + 1), A(
         // questions?.find((question) => question?.questionNo === questionNo + 1)
-        (S = e == null ? void 0 : e.at) == null ? void 0 : S.call(e, +d + 1)
+        (S = e == null ? void 0 : e.at) == null ? void 0 : S.call(e, d + 1)
       ), y(null), b(null)), X.current = [
         ...X.current,
         {
@@ -660,12 +660,12 @@ const le = E.div`
       ], u == null || u();
     }, q = () => {
       var c;
-      d === (e == null ? void 0 : e.length) ? (i(l.START_QUIZ), v(1)) : (i(l.QUIZ), v(d + 1), A(
+      d === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), v(0)) : (i(l.QUIZ), v(d + 1), A(
         // questions?.find((question) => question?.questionNo === questionNo + 1)
-        (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, +d + 1)
+        (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, d + 1)
       )), y(null), b(null), T == null || T(Q == null ? void 0 : Q.current);
     }, ee = () => {
-      i(l.START_QUIZ), v(1), y(null), b(null), x == null || x();
+      i(l.START_QUIZ), v(0), y(null), b(null), x == null || x();
     };
     return /* @__PURE__ */ t(de, { ref: L, children: [
       /* @__PURE__ */ t("div", { className: "wrapper__outlet", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.72",
+  "version": "4.0.74",
   "description": "React component library",
   "type": "module",
   "keywords": [