@lanaco/lnc-react-ui 4.0.199 → 4.0.200

package/dist/CalorieCalculatorSection.cjs

@@ -1,4 +1,4 @@
-"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("./index-BpbMKBf_.cjs"),L=require("./RangeSlider.cjs"),F=require("./DropdownItem.cjs"),X=require("./DropdownMenu.cjs"),Z=require("./IconButton.cjs"),V=require("./BannerSectionWithList.cjs"),H=require("./utils-RnrgDDZP.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-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`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -7,7 +7,7 @@
   @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     gap: 2rem;
   }
-`,Y=b.styled.div`
+`,H=b.styled.div`
   text-align: center;
   display: flex;
   justify-content: center;
@@ -41,7 +41,7 @@
     font-weight: 500;
     color: var(--gray-600, #676e79);
   }
-`;const K=b.styled.div`
+`;const D=b.styled.div`
   display: flex;
   flex-direction: column;
   gap: 2.25rem;
@@ -68,7 +68,7 @@
       }
     }
   }
-`,J=b.styled.div`
+`,Y=b.styled.div`
   display: grid;
   grid-template-columns: auto auto;
   width: fit-content;
@@ -159,7 +159,7 @@
       min-width: unset;
     }
   }
-`,Q=b.styled.div`
+`,K=b.styled.div`
   border-radius: 0.75rem;
   border: 1px solid var(--neutral-95008);
   background: var(--white);
@@ -200,7 +200,7 @@
       align-items: start;
     }
   }
-`,U=b.styled.div`
+`,J=b.styled.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1rem;
@@ -255,7 +255,7 @@
       gap: 0;
     }
   }
-`,ee=b.styled.label`
+`,Q=b.styled.label`
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -338,4 +338,4 @@
     align-items: center;
     gap: 0.38rem;
   }
-`,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="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(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;
+`,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;

package/dist/CalorieCalculatorSection.js

@@ -1,25 +1,24 @@
 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 { forwardRef as w, useState as N, useRef as D } from "react";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as C } from "./consts-BuFChS64.js";
+import { M as T } from "./consts-BuFChS64.js";
 import S from "./Button.js";
-import { P as G } from "./index-CblbdqjE.js";
-import A from "./RangeSlider.js";
-import _ from "./DropdownItem.js";
-import K from "./DropdownMenu.js";
-import X from "./IconButton.js";
-import Z from "./BannerSectionWithList.js";
-import { y as q } from "./utils-DtEfC-TX.js";
-const J = y.div`
+import G from "./RangeSlider.js";
+import Y from "./DropdownItem.js";
+import P from "./DropdownMenu.js";
+import _ from "./IconButton.js";
+import K from "./BannerSectionWithList.js";
+import { y as X } from "./utils-DtEfC-TX.js";
+const Z = y.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 2.25rem;
 
-  @media (max-width: ${C + "px"}) {
+  @media (max-width: ${T + "px"}) {
     gap: 2rem;
   }
-`, Q = y.div`
+`, q = y.div`
   text-align: center;
   display: flex;
   justify-content: center;
@@ -37,7 +36,7 @@ const J = y.div`
     font-weight: 500;
   }
 
-  @media (max-width: ${C + "px"}) {
+  @media (max-width: ${T + "px"}) {
   }
 `;
 y.div`
@@ -55,7 +54,7 @@ y.div`
     color: var(--gray-600, #676e79);
   }
 `;
-const U = y.div`
+const J = y.div`
   display: flex;
   flex-direction: column;
   gap: 2.25rem;
@@ -71,7 +70,7 @@ const U = y.div`
     }
   }
 
-  @media (max-width: ${C + "px"}) {
+  @media (max-width: ${T + "px"}) {
     gap: 2rem;
     & .btns-footer {
       width: 100%;
@@ -82,7 +81,7 @@ const U = y.div`
       }
     }
   }
-`, ee = y.div`
+`, Q = y.div`
   display: grid;
   grid-template-columns: auto auto;
   width: fit-content;
@@ -147,7 +146,7 @@ const U = y.div`
     padding-top: 0 !important;
   }
 
-  @media (max-width: ${C + "px"}) {
+  @media (max-width: ${T + "px"}) {
     gap: 0.25rem;
     grid-template-columns: auto;
 
@@ -173,7 +172,7 @@ const U = y.div`
       min-width: unset;
     }
   }
-`, te = y.div`
+`, U = y.div`
   border-radius: 0.75rem;
   border: 1px solid var(--neutral-95008);
   background: var(--white);
@@ -200,7 +199,7 @@ const U = y.div`
     margin: 0 0.62rem;
   }
 
-  @media (max-width: ${C + "px"}) {
+  @media (max-width: ${T + "px"}) {
     padding: 0.75rem;
     gap: 0.75rem;
 
@@ -214,13 +213,13 @@ const U = y.div`
       align-items: start;
     }
   }
-`, ae = y.div`
+`, ee = y.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1rem;
   flex: 1;
 
-  @media (max-width: ${C + "px"}) {
+  @media (max-width: ${T + "px"}) {
     grid-template-columns: repeat(2, 1fr);
     gap: 0.75rem;
   }
@@ -250,7 +249,7 @@ const U = y.div`
     font-size: 3rem;
   }
 
-  @media (max-width: ${C + "px"}) {
+  @media (max-width: ${T + "px"}) {
     flex-direction: row;
     gap: 0.25rem;
     font-size: 0.875rem;
@@ -269,7 +268,7 @@ const U = y.div`
       gap: 0;
     }
   }
-`, ne = y.label`
+`, te = y.label`
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -352,8 +351,8 @@ const U = y.div`
     align-items: center;
     gap: 0.38rem;
   }
-`, I = w((s, x) => {
-  var g, u, v, f, p, d, k, T;
+`, ae = w((s, f) => {
+  var g, u, v, x, p, d, k, C;
   const {
     onChange: m = () => {
     },
@@ -367,9 +366,9 @@ const U = y.div`
     /* @__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__ */ 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 })
+    /* @__PURE__ */ a("i", { className: (x = t == null ? void 0 : t.at(1)) == null ? void 0 : x.icon })
   ] }), [e, r] = N(!1);
-  return /* @__PURE__ */ i(ne, { ref: x, checked: e, ...l, children: [
+  return /* @__PURE__ */ i(te, { ref: f, checked: e, ...l, children: [
     /* @__PURE__ */ a("input", { type: "checkbox", checked: e, onChange: (h) => {
       var j, L;
       r(h.target.checked), m && m(
@@ -384,18 +383,12 @@ const U = y.div`
       ] }),
       /* @__PURE__ */ i("div", { className: "cont", children: [
         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 })
+        /* @__PURE__ */ a("i", { className: (C = t == null ? void 0 : t.at(1)) == null ? void 0 : C.icon })
       ] })
     ] })
   ] });
-});
-I.propTypes = {
-  value: G.any,
-  handleClick: G.func,
-  color: G.string
-};
-const ie = w((s, x) => {
-  var T;
+}), ne = w((s, f) => {
+  var C;
   const {
     yearsText: m,
     heightText: t,
@@ -416,56 +409,56 @@ const ie = w((s, x) => {
     ],
     activityLevelText: u,
     goalText: v,
-    goals: f = [
+    goals: x = [
       { 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: p = () => {
     }
-  } = s, d = Y({
+  } = s, d = D({
     year: null,
     height: null,
     weight: null,
-    gender: (T = o == null ? void 0 : o.at(0)) == null ? void 0 : T.value,
+    gender: (C = o == null ? void 0 : o.at(0)) == null ? void 0 : C.value,
     activityLevel: null,
     goal: null
   }), k = () => {
     p == null || p(d == null ? void 0 : d.current);
   };
-  return /* @__PURE__ */ i(U, { children: [
-    /* @__PURE__ */ i(ee, { className: "calorie-calculating", children: [
+  return /* @__PURE__ */ i(J, { children: [
+    /* @__PURE__ */ i(Q, { className: "calorie-calculating", children: [
       /* @__PURE__ */ a("div", { className: "grid-label", children: c }),
       /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
-        I,
+        ae,
         {
           items: o,
           onChange: (h) => d.current.gender = h
         }
       ) }),
       /* @__PURE__ */ a(
-        re,
+        ie,
         {
           text: m,
           onChange: (h) => d.current.year = h
         }
       ),
       /* @__PURE__ */ a(
-        le,
+        re,
         {
           text: t,
           onChange: (h) => d.current.height = h
         }
       ),
       /* @__PURE__ */ a(
-        ce,
+        le,
         {
           text: l,
           onChange: (h) => d.current.weight = h
         }
       ),
       /* @__PURE__ */ a(
-        oe,
+        ce,
         {
           text: u,
           activityLevels: g,
@@ -473,10 +466,10 @@ const ie = w((s, x) => {
         }
       ),
       /* @__PURE__ */ a(
-        se,
+        oe,
         {
           text: v,
-          goals: f,
+          goals: x,
           onChange: (h) => d.current.goal = h
         }
       )
@@ -507,14 +500,14 @@ const ie = w((s, x) => {
       )
     ] })
   ] });
-}), re = w((s, x) => {
+}), ie = w((s, f) => {
   const { text: m = "Years", onChange: t = () => {
   } } = s, [l, c] = N(1);
   return /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ a("div", { className: "grid-label", children: m }),
     /* @__PURE__ */ i("div", { className: "caluclating-group", children: [
       /* @__PURE__ */ a(
-        A,
+        G,
         {
           className: "range-input-lnc",
           max: 115,
@@ -536,9 +529,9 @@ const ie = w((s, x) => {
           type: "text",
           className: "calculating-input",
           onChange: (n) => {
-            var e, r, o, g, u, v, f, p;
+            var e, r, o, g, u, v, x, 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
+              ((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+/, "") : (x = n == null ? void 0 : n.target) == null ? void 0 : x.value
             ), t == null || t((p = n == null ? void 0 : n.target) == null ? void 0 : p.value));
           },
           value: l == null ? void 0 : l.toString()
@@ -546,7 +539,7 @@ const ie = w((s, x) => {
       )
     ] })
   ] });
-}), le = w((s, x) => {
+}), re = w((s, f) => {
   const { text: m = "Height", unitText: t = "cm", onChange: l = () => {
   } } = s, [c, n] = N(1);
   return /* @__PURE__ */ i(z, { children: [
@@ -557,7 +550,7 @@ const ie = w((s, x) => {
     ] }),
     /* @__PURE__ */ i("div", { className: "caluclating-group", children: [
       /* @__PURE__ */ a(
-        A,
+        G,
         {
           className: "range-input-lnc",
           max: 273,
@@ -579,9 +572,9 @@ const ie = w((s, x) => {
           tabIndex: 2,
           className: "calculating-input",
           onChange: (e) => {
-            var r, o, g, u, v, f, p, d;
+            var r, o, g, u, v, x, 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
+              ((u = (g = e == null ? void 0 : e.target) == null ? void 0 : g.value) == null ? void 0 : u.length) > 1 ? (x = (v = e == null ? void 0 : e.target) == null ? void 0 : v.value) == null ? void 0 : x.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()
@@ -589,7 +582,7 @@ const ie = w((s, x) => {
       )
     ] })
   ] });
-}), ce = w((s, x) => {
+}), le = w((s, f) => {
   const { text: m = "Weight", unitText: t = "kg", onChange: l = () => {
   } } = s, [c, n] = N(1);
   return /* @__PURE__ */ i(z, { children: [
@@ -600,7 +593,7 @@ const ie = w((s, x) => {
     ] }),
     /* @__PURE__ */ i("div", { className: "caluclating-group", children: [
       /* @__PURE__ */ a(
-        A,
+        G,
         {
           className: "range-input-lnc",
           max: 400,
@@ -622,9 +615,9 @@ const ie = w((s, x) => {
           type: "text",
           className: "calculating-input",
           onChange: (e) => {
-            var r, o, g, u, v, f, p, d;
+            var r, o, g, u, v, x, 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
+              ((u = (g = e == null ? void 0 : e.target) == null ? void 0 : g.value) == null ? void 0 : u.length) > 1 ? (x = (v = e == null ? void 0 : e.target) == null ? void 0 : v.value) == null ? void 0 : x.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()
@@ -632,7 +625,7 @@ const ie = w((s, x) => {
       )
     ] })
   ] });
-}), oe = w((s, x) => {
+}), ce = w((s, f) => {
   const {
     text: m = "Activity level",
     activityLevels: t,
@@ -656,7 +649,7 @@ const ie = w((s, x) => {
       r
     )) })
   ] });
-}), se = w((s, x) => {
+}), oe = w((s, f) => {
   const { text: m = "Goal", goals: t, onChange: l = () => {
   } } = s, [c, n] = N(null);
   return /* @__PURE__ */ i(z, { children: [
@@ -679,7 +672,7 @@ const ie = w((s, x) => {
       r
     )) })
   ] });
-}), de = w((s, x) => {
+}), se = w((s, f) => {
   const {
     caloriesText: m = "Calories",
     carbsText: t = "Carbs",
@@ -693,8 +686,8 @@ const ie = w((s, x) => {
     onGoBack: u = () => {
     }
   } = s;
-  return /* @__PURE__ */ i(te, { children: [
-    /* @__PURE__ */ i(ae, { children: [
+  return /* @__PURE__ */ i(U, { children: [
+    /* @__PURE__ */ i(ee, { children: [
       /* @__PURE__ */ i(R, { color: "var(--warning-600)", children: [
         /* @__PURE__ */ a("i", { className: "mng-lnc-fire" }),
         /* @__PURE__ */ i("div", { className: "subgroup", children: [
@@ -739,11 +732,11 @@ const ie = w((s, x) => {
     /* @__PURE__ */ i("div", { className: "dropdown-group", children: [
       /* @__PURE__ */ a("div", { className: "vertical-line" }),
       /* @__PURE__ */ a(
-        K,
+        P,
         {
           color: "neutral",
           control: /* @__PURE__ */ a(
-            X,
+            _,
             {
               borderRadius: "curved",
               btnType: "basic",
@@ -755,12 +748,12 @@ const ie = w((s, x) => {
           ),
           offsetValue: -10,
           placement: "bottom-end",
-          children: /* @__PURE__ */ a(_, { icon: "star", onClick: u, children: n })
+          children: /* @__PURE__ */ a(Y, { icon: "star", onClick: u, children: n })
         }
       )
     ] })
   ] });
-}), me = w((s, x) => {
+}), de = w((s, f) => {
   const {
     caloriesText: m,
     carbsText: t,
@@ -773,11 +766,11 @@ const ie = w((s, x) => {
     genderText: g,
     calculateText: u,
     closeText: v,
-    genders: f,
+    genders: x,
     activityLevels: p,
     activityLevelText: d,
     goalText: k,
-    goals: T,
+    goals: C,
     title: h = "Daily calorie calculator",
     subtitle: j = "Lorem ipsum dolor sit amet",
     list: L = [
@@ -785,17 +778,17 @@ const ie = w((s, x) => {
       "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: x, children: [
-    /* @__PURE__ */ i(Q, { children: [
+    buttonText: A = "Calculate calorie needs"
+  } = s, [W, $] = N(1), [b, I] = N(0);
+  return /* @__PURE__ */ i(Z, { ref: f, children: [
+    /* @__PURE__ */ i(q, { children: [
       /* @__PURE__ */ a("div", { className: "header-title", children: h }),
       /* @__PURE__ */ a("div", { className: "header-subtitle", children: j })
     ] }),
     W === 1 && /* @__PURE__ */ a(
-      Z,
+      K,
       {
-        buttonText: M,
+        buttonText: A,
         onButtonAction: () => {
           $(2);
         },
@@ -803,7 +796,7 @@ const ie = w((s, x) => {
       }
     ),
     W === 2 && /* @__PURE__ */ a(
-      ie,
+      ne,
       {
         yearsText: e,
         heightText: r,
@@ -812,33 +805,33 @@ const ie = w((s, x) => {
         calculateText: u,
         closeText: v,
         onClose: () => $(1),
-        genders: f,
+        genders: x,
         activityLevels: p,
         activityLevelText: d,
         goalText: k,
-        goals: T,
+        goals: C,
         onCalculate: ({
-          gender: V,
-          year: E,
-          height: F,
-          weight: O,
-          activityLevel: H,
-          goal: P
+          gender: M,
+          year: B,
+          height: V,
+          weight: E,
+          activityLevel: F,
+          goal: O
         }) => {
-          const D = q({
-            gender: V,
-            age: E,
-            heightCm: F,
-            weightKg: O,
-            activityLevel: H,
-            goal: P
+          const H = X({
+            gender: M,
+            age: B,
+            heightCm: V,
+            weightKg: E,
+            activityLevel: F,
+            goal: O
           });
-          B(D), $(3);
+          I(H), $(3);
         }
       }
     ),
     W === 3 && /* @__PURE__ */ a(
-      de,
+      se,
       {
         caloriesText: m,
         carbsText: t,
@@ -853,7 +846,7 @@ const ie = w((s, x) => {
       }
     )
   ] });
-}), ke = w((s, x) => /* @__PURE__ */ a(me, { ref: x, ...s }));
+}), Ce = w((s, f) => /* @__PURE__ */ a(de, { ref: f, ...s }));
 export {
-  ke as default
+  Ce as default
 };

package/dist/CheckBoxInput.cjs

@@ -115,4 +115,4 @@
   & input:active ~ .checkmark {
     ${e=>t.getOutlineCss(e.theme)};
   }
-`,B=R.forwardRef((e,l)=>{const{containerRef:m,id:L,indeterminate:q,disabled:b,readOnly:h,label:r,labelPosition:u="right",spaceBetween:g,customCheckmark:s,onChange:d,onFocus:a,onBlur:c,onClick:k,color:x="primary",size:C="small",className:w="",style:$={},children:N,...f}=e;var v={theme:V.useTheme(),size:C,color:x,disabled:b,readOnly:h};const z=n=>{c&&(c==null||c(n))},y=n=>{a&&(a==null||a(n))};return i.jsxs(I,{ref:m,direction:u,className:w,style:$,label:r,labelPosition:u,spaceBetween:g,tabIndex:-1,readOnly:h,onClick:k,...v,children:[i.jsx("input",{ref:l,type:"checkbox",onBlur:z,onFocus:y,disabled:b||h,onChange:n=>d==null?void 0:d(n),...f}),i.jsxs("div",{className:"checkmark",tabIndex:-1,children:[!s&&i.jsx("svg",{viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,disabled:!0,tabIndex:-1,className:"checked",children:i.jsx("path",{d:"M1 3.15385L2.89474 5L7 1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",tabIndex:-1})}),i.jsx("svg",{width:"8",height:"2",viewBox:"0 0 8 2",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,disabled:!0,tabIndex:-1,className:"indeterminate",children:i.jsx("path",{d:"M1 1H7",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",tabIndex:-1,title:r})}),s&&i.jsx(i.Fragment,{children:s})]}),r&&i.jsx("div",{className:"checkbox-label",tabIndex:-1,children:r})]})});module.exports=B;
+`,B=R.forwardRef((e,l)=>{const{containerRef:m,disabled:b,readOnly:h,label:r,labelPosition:u="right",spaceBetween:g,customCheckmark:s,onChange:d,onFocus:a,onBlur:c,onClick:k,color:x="primary",size:C="small",className:w="",style:$={},...f}=e;var v={theme:V.useTheme(),size:C,color:x,disabled:b,readOnly:h};const z=n=>{c&&(c==null||c(n))},y=n=>{a&&(a==null||a(n))};return i.jsxs(I,{ref:m,direction:u,className:w,style:$,label:r,labelPosition:u,spaceBetween:g,tabIndex:-1,readOnly:h,onClick:k,...v,children:[i.jsx("input",{ref:l,type:"checkbox",onBlur:z,onFocus:y,disabled:b||h,onChange:n=>d==null?void 0:d(n),...f}),i.jsxs("div",{className:"checkmark",tabIndex:-1,children:[!s&&i.jsx("svg",{viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,disabled:!0,tabIndex:-1,className:"checked",children:i.jsx("path",{d:"M1 3.15385L2.89474 5L7 1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",tabIndex:-1})}),i.jsx("svg",{width:"8",height:"2",viewBox:"0 0 8 2",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,disabled:!0,tabIndex:-1,className:"indeterminate",children:i.jsx("path",{d:"M1 1H7",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",tabIndex:-1,title:r})}),s&&i.jsx(i.Fragment,{children:s})]}),r&&i.jsx("div",{className:"checkbox-label",tabIndex:-1,children:r})]})});module.exports=B;

package/dist/CheckBoxInput.js

@@ -194,11 +194,9 @@ const W = (e) => e == "left" ? "row-reverse" : "row", n = (e, h) => `calc(${e.co
   & input:active ~ .checkmark {
     ${(e) => x(e.theme)};
   }
-`, E = I((e, h) => {
+`, H = I((e, h) => {
   const {
     containerRef: g,
-    id: P,
-    indeterminate: V,
     disabled: b,
     readOnly: l,
     label: r,
@@ -215,7 +213,6 @@ const W = (e) => e == "left" ? "row-reverse" : "row", n = (e, h) => `calc(${e.co
     size: C = "small",
     className: v = "",
     style: z = {},
-    children: p,
     ...y
   } = e;
   var O = { theme: R(), size: C, color: f, disabled: b, readOnly: l };
@@ -307,5 +304,5 @@ const W = (e) => e == "left" ? "row-reverse" : "row", n = (e, h) => `calc(${e.co
   );
 });
 export {
-  E as default
+  H as default
 };