@lanaco/lnc-react-ui 4.0.73 → 4.0.75

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
 };