@lanaco/lnc-react-ui 4.0.34 → 4.0.37

package/dist/usePopover.js

@@ -1,6 +1,6 @@
 import { useState as o, useMemo as k } from "react";
-import { c as v, d as C, e as D, f as w, g as M } from "./floating-ui.react.esm-72DKnou_.js";
-import { a as S, o as U, f as A, s as E } from "./floating-ui.dom-BdUovkEr.js";
+import { c as v, d as C, e as D, f as w, g as M } from "./floating-ui.react.esm-umB-tMXa.js";
+import { o as S, f as U, s as A, a as E } from "./floating-ui.dom-vNhdy5RI.js";
 function R({
   initialOpen: r = !1,
   placement: p,
@@ -13,13 +13,13 @@ function R({
     placement: p,
     open: e,
     onOpenChange: s,
-    whileElementsMounted: S,
+    whileElementsMounted: E,
     middleware: [
-      U(u),
-      A({
+      S(u),
+      U({
         fallbackAxisSideDirection: "end"
       }),
-      E({ padding: 5 })
+      A({ padding: 5 })
     ]
   }), n = t.context, h = C(n, {
     enabled: i == null

package/dist/{utils-CqvISfv9.js → utils-DtRLzzTZ.js}

@@ -1,20 +1,20 @@
 import { jsxs as W, Fragment as m } from "react/jsx-runtime";
-import { useState as D, useEffect as w, isValidElement as f, Children as h, cloneElement as B } from "react";
+import { useState as D, useEffect as w, cloneElement as C, isValidElement as v, Children as h } from "react";
 var $ = function() {
-}, A = typeof window < "u", E = function(e, t) {
-  return A ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
-}, k = function(e, t) {
-  var a = D(E(e)), o = a[0], n = a[1];
+}, B = typeof window < "u", A = function(e, t) {
+  return B ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
+}, x = function(e, t) {
+  var a = D(A(e)), o = a[0], n = a[1];
   return w(function() {
-    var r = !0, b = window.matchMedia(e), d = function() {
-      r && n(!!b.matches);
+    var r = !0, d = window.matchMedia(e), b = function() {
+      r && n(!!d.matches);
     };
-    return b.addEventListener("change", d), n(b.matches), function() {
-      r = !1, b.removeEventListener("change", d);
+    return d.addEventListener("change", b), n(d.matches), function() {
+      r = !1, d.removeEventListener("change", b);
     };
   }, [e]), o;
 };
-const u = {
+const k = {
   name: "Lanaco Light",
   class: "lnc-light",
   colorContext: {
@@ -525,6 +525,29 @@ const u = {
         }
       }
     },
+    StarRating: {
+      default: {
+        palette: "gray",
+        enabled: {
+          fontSize: "1rem",
+          lineHeight: "1.25rem",
+          filledColor: 900,
+          emptyColor: 300,
+          textColor: 500
+        },
+        disabled: { filledColor: 500, emptyColor: 300, textColor: 500 }
+      },
+      neutral: {
+        enabled: {
+          fontSize: "1rem",
+          lineHeight: "1.25rem",
+          filledColor: 900,
+          emptyColor: 300,
+          textColor: 500
+        }
+      },
+      yellow: { enabled: { filledColor: 500 } }
+    },
     TabRegular: {
       default: {
         palette: "gray",
@@ -3421,7 +3444,7 @@ const u = {
     tooltip: 1500,
     popover: 1299
   }
-}, C = {
+}, E = {
   name: "Lanaco Dark",
   class: "lnc-dark",
   colorContext: {
@@ -3434,6 +3457,38 @@ const u = {
     neutral: "gray"
   },
   components: {
+    MainMenu: {
+      default: {
+        palette: "neutral",
+        enabled: {
+          color: 900,
+          mediumColor: 600,
+          lightColor: 500,
+          lightestColor: 100,
+          dividerOpacity: 80,
+          headerBackgroundColor: 50,
+          notificationBackgroundColor: 900,
+          notificationOpacity: 80
+        },
+        hover: { backgroundColor: 900, backgroundOpacity: 80 }
+      },
+      teal: {
+        enabled: {
+          textColor: 700,
+          descriptionOpacity: 800,
+          backgroundColor: 600,
+          backgroundOpacity: 80
+        }
+      },
+      gray: {
+        enabled: {
+          color: 600,
+          descriptionOpacity: 800,
+          backgroundColor: 600,
+          backgroundOpacity: 80
+        }
+      }
+    },
     Input: {
       default: {
         palette: "gray",
@@ -3930,6 +3985,29 @@ const u = {
         }
       }
     },
+    StarRating: {
+      default: {
+        palette: "gray",
+        enabled: {
+          fontSize: "1rem",
+          lineHeight: "1.25rem",
+          filledColor: 900,
+          emptyColor: 300,
+          textColor: 500
+        },
+        disabled: { filledColor: 500, emptyColor: 300, textColor: 500 }
+      },
+      neutral: {
+        enabled: {
+          fontSize: "1rem",
+          lineHeight: "1.25rem",
+          filledColor: 900,
+          emptyColor: 300,
+          textColor: 500
+        }
+      },
+      yellow: { enabled: { filledColor: 500 } }
+    },
     TabRegular: {
       default: {
         palette: "gray",
@@ -6823,6 +6901,38 @@ const u = {
     neutral: "neutral"
   },
   components: {
+    MainMenu: {
+      default: {
+        palette: "neutral",
+        enabled: {
+          color: 900,
+          mediumColor: 600,
+          lightColor: 500,
+          lightestColor: 100,
+          dividerOpacity: 80,
+          headerBackgroundColor: 50,
+          notificationBackgroundColor: 900,
+          notificationOpacity: 80
+        },
+        hover: { backgroundColor: 900, backgroundOpacity: 80 }
+      },
+      teal: {
+        enabled: {
+          textColor: 700,
+          descriptionOpacity: 800,
+          backgroundColor: 600,
+          backgroundOpacity: 80
+        }
+      },
+      gray: {
+        enabled: {
+          color: 600,
+          descriptionOpacity: 800,
+          backgroundColor: 600,
+          backgroundOpacity: 80
+        }
+      }
+    },
     Input: {
       default: {
         palette: "gray",
@@ -7319,6 +7429,29 @@ const u = {
         }
       }
     },
+    StarRating: {
+      default: {
+        palette: "gray",
+        enabled: {
+          fontSize: "1rem",
+          lineHeight: "1.25rem",
+          filledColor: 900,
+          emptyColor: 300,
+          textColor: 500
+        },
+        disabled: { filledColor: 500, emptyColor: 300, textColor: 500 }
+      },
+      neutral: {
+        enabled: {
+          fontSize: "1rem",
+          lineHeight: "1.25rem",
+          filledColor: 900,
+          emptyColor: 300,
+          textColor: 500
+        }
+      },
+      yellow: { enabled: { filledColor: 500 } }
+    },
     TabRegular: {
       default: {
         palette: "gray",
@@ -9849,6 +9982,38 @@ const u = {
         }
       }
     },
+    MainMenu: {
+      default: {
+        palette: "neutral",
+        enabled: {
+          color: 900,
+          mediumColor: 600,
+          lightColor: 500,
+          lightestColor: 100,
+          dividerOpacity: 80,
+          headerBackgroundColor: 50,
+          notificationBackgroundColor: 900,
+          notificationOpacity: 80
+        },
+        hover: { backgroundColor: 900, backgroundOpacity: 80 }
+      },
+      teal: {
+        enabled: {
+          textColor: 700,
+          descriptionOpacity: 800,
+          backgroundColor: 600,
+          backgroundOpacity: 80
+        }
+      },
+      gray: {
+        enabled: {
+          color: 600,
+          descriptionOpacity: 800,
+          backgroundColor: 600,
+          backgroundOpacity: 80
+        }
+      }
+    },
     Danger: {
       default: {
         palette: "red",
@@ -10066,43 +10231,38 @@ const u = {
     tooltip: 1500,
     popover: 1299
   }
-}, L = [u, C, T], K = {
-  SUCCESS: u.palette.green[500],
-  ERROR: u.palette.red[500],
-  WARNING: u.palette.yellow[500],
-  PRIMARY: u.palette.teal[500],
-  SECONDARY: u.palette.blue[500],
-  DISABLED: u.palette.gray[300],
+}, L = [k, E, T], K = {
+  SUCCESS: k.palette.green[500],
+  ERROR: k.palette.red[500],
+  WARNING: k.palette.yellow[500],
+  PRIMARY: k.palette.teal[500],
+  SECONDARY: k.palette.blue[500],
+  DISABLED: k.palette.gray[300],
   NONE: "white"
 }, g = {
   XS: {
     type: "XS",
-    index: 0,
     mediaQuery: "(max-width: 480px)"
   },
   S: {
     type: "S",
-    index: 1,
     mediaQuery: "(min-width: 481px) and (max-width: 767px)"
   },
   M: {
     type: "M",
-    index: 2,
     mediaQuery: "(min-width: 768px) and (max-width: 1024px)"
   },
   L: {
     type: "L",
-    index: 3,
     mediaQuery: "(min-width: 1025px) and (max-width: 1280px)"
   },
   XL: {
     type: "XL",
-    index: 4,
     mediaQuery: "(min-width: 1281px)"
   }
-}, M = (e, t) => {
+}, P = (e, t) => {
   var a = S(e, t);
-  return a && f(a) ? { current: a } : { current: null };
+  return a && v(a) ? { current: a } : { current: null };
 }, S = (e = "", t) => {
   if (t && e) {
     var a = h.toArray(t).reverse().find(
@@ -10114,27 +10274,27 @@ const u = {
     if (a) return a;
   }
   return null;
-}, P = (e, t, a) => {
+}, U = (e, t, a) => {
   var o = R(e, t, a);
-  return o && f(o) ? { current: o } : { current: null };
+  return o && v(o) ? { current: o } : { current: null };
 }, R = (e = "", t, a) => {
   if (a && e) {
     var o = h.toArray(a).reverse().find(
       (n) => {
-        var r, b, d, c;
-        return (((r = n.props) == null ? void 0 : r.__TYPE__) === e || ((b = n.type) == null ? void 0 : b.displayName) === e) && (t ? ((d = n.props) == null ? void 0 : d.id) === t : !((c = n.props) != null && c.id));
+        var r, d, b, c;
+        return (((r = n.props) == null ? void 0 : r.__TYPE__) === e || ((d = n.type) == null ? void 0 : d.displayName) === e) && (t ? ((b = n.props) == null ? void 0 : b.id) === t : !((c = n.props) != null && c.id));
       }
     );
     if (o) return o;
   }
   return null;
 }, _ = () => {
-  const e = k(g.XS.mediaQuery), t = k(g.S.mediaQuery), a = k(g.M.mediaQuery), o = k(g.L.mediaQuery), n = k(g.XL.mediaQuery);
+  const e = x(g.XS.mediaQuery), t = x(g.S.mediaQuery), a = x(g.M.mediaQuery), o = x(g.L.mediaQuery), n = x(g.XL.mediaQuery);
   return e ? g.XS.type : t ? g.S.type : a ? g.M.type : o ? g.L.type : n ? g.XL.type : g.M.type;
-}, U = (e, t, a = null, o = !1) => e.current !== null ? (t.children = a !== null ? o == !0 ? /* @__PURE__ */ W(m, { children: [
+}, G = (e, t, a = null, o = !1) => e.current !== null ? (t.children = a !== null ? o == !0 ? /* @__PURE__ */ W(m, { children: [
   e.current.props.children,
   a
-] }) : a : e.current.props.children, B(e.current, t)) : null, p = (e, t) => {
+] }) : a : e.current.props.children, C(e.current, t)) : null, p = (e, t) => {
   var a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
   let o = a ? {
     r: parseInt(a[1], 16),
@@ -10143,31 +10303,31 @@ const u = {
     a: t
   } : null;
   return o ? `rgba(${o.r}, ${o.g}, ${o.b}, ${o.a})` : null;
-}, G = (e, t, a, o, n, r) => {
-  var y, v;
-  const b = e.colorContext[a], d = e.components[t].default, c = (v = (y = e.components[t]) == null ? void 0 : y[b]) == null ? void 0 : v[o], l = c == null ? void 0 : c[n], x = d[o][n], i = c == null ? void 0 : c[r], s = d[o][r], O = l || l == 0 ? e.palette[b][l] : e.palette[d.palette][x], F = i || i == 0 ? e.palette.opacity[i] : e.palette.opacity[s];
+}, Q = (e, t, a, o, n, r) => {
+  var y, f;
+  const d = e.colorContext[a], b = e.components[t].default, c = (f = (y = e.components[t]) == null ? void 0 : y[d]) == null ? void 0 : f[o], u = c == null ? void 0 : c[n], i = b[o][n], l = c == null ? void 0 : c[r], s = b[o][r], O = u || u == 0 ? e.palette[d][u] : e.palette[b.palette][i], F = l || l == 0 ? e.palette.opacity[l] : e.palette.opacity[s];
   return p(O, F ?? "100%");
-}, Q = (e, t, a, o, n) => {
-  var x, i;
-  const r = e.colorContext[a], b = e.components[t].default, d = (i = (x = e.components[t]) == null ? void 0 : x[r]) == null ? void 0 : i[o], c = d == null ? void 0 : d[n], l = b[o][n];
-  return c || c == 0 ? c : l;
-}, V = (e, t) => e.sizes[t], X = (e, t, a, o) => `
+}, V = (e, t, a, o, n) => {
+  var i, l;
+  const r = e.colorContext[a], d = e.components[t].default, b = (l = (i = e.components[t]) == null ? void 0 : i[r]) == null ? void 0 : l[o], c = b == null ? void 0 : b[n], u = d[o][n];
+  return c || c == 0 ? c : u;
+}, X = (e, t) => e.sizes[t], Y = (e, t, a, o) => `
     font-weight: ${e.components[t].default[o].fontWeight};
     font-size: ${e.typography.component[a].fontSize};
     line-height: ${e.typography.component[a].lineHeight};
-  `, Y = (e, t) => e.borderRadius[t], Z = (e, t) => e.boxShadow[t], q = (e, t) => {
+  `, Z = (e, t) => e.borderRadius[t], q = (e, t) => e.boxShadow[t], j = (e, t) => {
   const a = e.colorContext[e.palette.outline.context], o = e.palette[a][e.palette.outline.weight];
   return `
     outline: ${e.palette.outline.width} ${e.palette.outline.style} ${o};
     ${`outline-offset: ${e.palette.outline.offset}`};
     `;
-}, j = (e) => {
+}, J = (e) => {
   const t = e.palette.disabled.color, a = e.palette[t][e.palette.disabled.background], o = e.palette[t][e.palette.disabled.text], n = e.palette.opacity[e.palette.disabled.opacity];
   return `
     background-color: ${p(a, n ?? "100%")};
     color: ${o};
   `;
-}, J = (e) => {
+}, e0 = (e) => {
   const t = e.palette.disabled.color, a = e.palette[t][e.palette.disabled.background], o = e.palette.opacity[e.palette.disabled.opacity];
   return `
     background-color: ${p(a, o ?? "100%")};
@@ -10176,7 +10336,7 @@ const u = {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-  `, e0 = (e) => e == null || e == 0 || e == 1 ? z() : `
+  `, t0 = (e) => e == null || e == 0 || e == 1 ? z() : `
     overflow: hidden;
     text-overflow: ellipsis;
     overflow-wrap: anywhere;
@@ -10190,7 +10350,7 @@ const u = {
       -webkit-line-clamp: ${e};
       -webkit-box-orient: vertical;    
     }
-  `, t0 = (e = "-45deg", t = "500% 500%", a = "#b3b9c4", o = "#e5e9f1") => `
+  `, a0 = (e = "-45deg", t = "500% 500%", a = "#b3b9c4", o = "#e5e9f1") => `
     @keyframes gradient {
       0% {
         background-position: 0% 0%;
@@ -10210,7 +10370,7 @@ const u = {
     background: linear-gradient(${e}, ${a}, ${o});
     background-size: ${t};
     animation: gradient 1s linear infinite alternate;
-  `, a0 = (e) => e != null && e !== "", o0 = (e) => e != null, n0 = (e) => Number.isInteger(Number(e)) ? new Intl.NumberFormat("de-DE").format(e) : new Intl.NumberFormat("de-DE", {
+  `, o0 = (e) => e != null && e !== "", n0 = (e) => e != null, r0 = (e) => Number.isInteger(Number(e)) ? new Intl.NumberFormat("de-DE").format(e) : new Intl.NumberFormat("de-DE", {
   minimumFractionDigits: 2,
   maximumFractionDigits: 2
 }).format(e), H = {
@@ -10254,39 +10414,99 @@ const u = {
   GHS: "₵",
   KES: "KSh",
   TZS: "TSh"
-}, r0 = (e) => H[e] || "", d0 = (e) => {
+}, d0 = (e) => H[e] || "";
+function I(e, t = { carbs: 0.5, protein: 0.25, fat: 0.25 }) {
+  const a = t.carbs + t.protein + t.fat;
+  if (Math.abs(a - 1) > 0.01)
+    throw new Error("Ratios must add up to 1.");
+  const o = { carbs: 4, protein: 4, fat: 9 };
+  return {
+    carbs: Math.round(e * t.carbs / o.carbs),
+    protein: Math.round(e * t.protein / o.protein),
+    fat: Math.round(e * t.fat / o.fat)
+  };
+}
+const c0 = ({
+  gender: e,
+  age: t,
+  heightCm: a,
+  weightKg: o,
+  activityLevel: n,
+  goal: r
+}) => {
+  let d;
+  if (e === "male")
+    d = 10 * +o + 6.25 * +a - 5 * +t + 5;
+  else if (e === "female")
+    d = 10 * +o + 6.25 * +a - 5 * +t - 161;
+  else
+    throw new Error("Invalid gender. Use 'male' or 'female'.");
+  const c = {
+    // sedentary: 1.2,
+    // light: 1.375,
+    // moderate: 1.55,
+    // active: 1.725,
+    // 'very active': 1.9
+    verylow: 1.2,
+    moderate: 1.55,
+    veryactive: 1.9
+  }[n.toLowerCase()];
+  if (!c)
+    throw new Error("Invalid activity level");
+  const u = d * c;
+  let i;
+  switch (r.toLowerCase()) {
+    case "loseweight":
+      i = u - 500;
+      break;
+    case "maintaining":
+      i = u;
+      break;
+    case "gainmuscle":
+      i = u + 500;
+      break;
+    default:
+      throw new Error("Invalid goal. Use: 'lose', 'maintain', or 'gain'.");
+  }
+  const l = I(i);
+  return {
+    calories: Math.round(i),
+    ...l
+  };
+}, b0 = (e) => {
   const t = String(Math.floor(e / 60)).padStart(2, "0"), a = String(e % 60).padStart(2, "0");
   return `${t}:${a}`;
-}, c0 = (e, ...t) => e.replace(/{(\d+)}/g, function(a, o) {
+}, g0 = (e, ...t) => e.replace(/{(\d+)}/g, function(a, o) {
   return typeof t[o] < "u" ? t[o] : a;
 });
 export {
-  g as A,
-  r0 as G,
-  G as a,
-  Y as b,
-  Q as c,
-  V as d,
-  q as e,
-  J as f,
-  X as g,
-  j as h,
-  M as i,
-  Z as j,
-  a0 as k,
-  o0 as l,
-  t0 as m,
-  n0 as n,
+  K as A,
+  g as B,
+  d0 as G,
+  Z as a,
+  Q as b,
+  Y as c,
+  X as d,
+  j as e,
+  e0 as f,
+  V as g,
+  J as h,
+  P as i,
+  q as j,
+  o0 as k,
+  n0 as l,
+  a0 as m,
+  r0 as n,
   z as o,
-  d0 as p,
-  c0 as q,
-  U as r,
-  p as s,
-  e0 as t,
+  b0 as p,
+  g0 as q,
+  G as r,
+  c0 as s,
+  t0 as t,
   _ as u,
-  L as v,
-  P as w,
-  A as x,
-  $ as y,
-  K as z
+  p as v,
+  L as w,
+  U as x,
+  B as y,
+  $ as z
 };