eatopia-ds 0.0.948 → 0.0.950

package/build/index18.js

@@ -1,7 +1,7 @@
-import { j as r } from "./index24.js";
-import { useMemo as R, useCallback as L, useRef as wt, useState as J, useEffect as bt } from "react";
-import { createPortal as pe } from "react-dom";
-const fe = {
+import { j as a } from "./index24.js";
+import { useMemo as L, useCallback as P, useRef as et, useState as J, useEffect as xt } from "react";
+import { createPortal as De } from "react-dom";
+const Me = {
   light: {
     stockSafe: "#00E676",
     stockPast: "#c4ccd0",
@@ -50,7 +50,7 @@ const fe = {
     selectedQtyBar: "#42A5F5"
     // Azul mais claro para tema escuro
   }
-}, xe = {
+}, Fe = {
   sm: {
     height: 170,
     segmentRatio: 0.2,
@@ -96,35 +96,60 @@ const fe = {
     pillPaddingY: 4,
     pillFontSize: 11
   }
-}, be = (a) => {
-  a.roundRect || (a.roundRect = function(F, S, D, B, c) {
-    D < 2 * c && (c = D / 2), B < 2 * c && (c = B / 2), this.beginPath(), this.moveTo(F + c, S), this.arcTo(F + D, S, F + D, S + B, c), this.arcTo(F + D, S + B, F, S + B, c), this.arcTo(F, S + B, F, S, c), this.arcTo(F, S, F + D, S, c), this.closePath();
+}, Ce = (i) => {
+  i.roundRect || (i.roundRect = function(b, v, S, E, c) {
+    S < 2 * c && (c = S / 2), E < 2 * c && (c = E / 2), this.beginPath(), this.moveTo(b + c, v), this.arcTo(b + S, v, b + S, v + E, c), this.arcTo(b + S, v + E, b, v + E, c), this.arcTo(b, v + E, b, v, c), this.arcTo(b, v, b + S, v, c), this.closePath();
   });
-}, dt = (a, F) => {
-  const S = parseInt(a.replace("#", ""), 16), D = Math.round(2.55 * F), B = (S >> 16) + D, c = (S >> 8 & 255) + D, j = (S & 255) + D;
-  return "#" + (16777216 + (B < 255 ? B < 1 ? 0 : B : 255) * 65536 + (c < 255 ? c < 1 ? 0 : c : 255) * 256 + (j < 255 ? j < 1 ? 0 : j : 255)).toString(16).slice(1);
-}, ye = (a) => {
-  const F = new Date(a.todayDate).getTime(), S = new Date(a.stockEndDate).getTime(), D = new Date(a.deliveryDate).getTime(), B = new Date(a.restockSuggestionStart).getTime(), c = new Date(a.restockSuggestionEnd).getTime();
-  if (D >= S) {
-    const p = Math.ceil((D - S) / 864e5);
+}, bt = (i, b) => {
+  const v = parseInt(i.replace("#", ""), 16), S = Math.round(2.55 * b), E = (v >> 16) + S, c = (v >> 8 & 255) + S, w = (v & 255) + S;
+  return "#" + (16777216 + (E < 255 ? E < 1 ? 0 : E : 255) * 65536 + (c < 255 ? c < 1 ? 0 : c : 255) * 256 + (w < 255 ? w < 1 ? 0 : w : 255)).toString(16).slice(1);
+};
+function se(i) {
+  const b = i.split("-").map(Number);
+  return b.length !== 3 || b.some(Number.isNaN) ? /* @__PURE__ */ new Date(NaN) : new Date(b[0], b[1] - 1, b[2]);
+}
+function K(i) {
+  const b = i.split("T")[0], v = i.includes("T") ? i.split("T")[1] : null, S = se(b);
+  if (isNaN(S.getTime())) return S;
+  if (v) {
+    const [E, c, w] = v.split(":"), m = parseInt(E ?? "0", 10), nt = parseInt(c ?? "0", 10), Ft = w !== void 0 && parseInt(w.slice(0, 2), 10) || 0, s = w != null && w.includes(".") && parseInt(w.split(".")[1].slice(0, 3), 10) || 0;
+    Number.isNaN(m) || S.setHours(m, nt, Ft, s);
+  }
+  return S;
+}
+function Bt(i) {
+  return i.includes("T") ? K(i) : yt(se(i));
+}
+function yt(i) {
+  const b = new Date(i);
+  return b.setHours(23, 59, 59, 999), b;
+}
+const Ee = (i) => {
+  const b = K(i.todayDate).getTime(), v = Bt(i.stockEndDate).getTime(), S = K(i.deliveryDate).getTime(), E = K(
+    i.restockSuggestionStart
+  ).getTime(), c = Bt(
+    i.restockSuggestionEnd
+  ).getTime();
+  if (S >= v) {
+    const m = Math.ceil((S - v) / 864e5);
     return {
       status: "critical",
       title: "Risco de Ruptura",
-      message: p > 0 ? `A entrega chegará ${p} dia(s) após o estoque acabar.` : "A entrega está prevista para o mesmo dia do fim do estoque."
+      message: m > 0 ? `A entrega chegará ${m} dia(s) após o estoque acabar.` : "A entrega está prevista para o mesmo dia do fim do estoque."
     };
   }
-  if (F >= S)
+  if (b >= v)
     return {
       status: "critical",
       title: "Estoque Esgotado",
       message: "Seu estoque previsto chegou ao fim."
     };
-  const j = Math.floor((S - D) / (1e3 * 60 * 60 * 24));
-  return j <= 2 ? {
+  const w = Math.floor((v - S) / (1e3 * 60 * 60 * 24));
+  return w <= 2 ? {
     status: "urgent",
     title: "Atenção ao Prazo",
-    message: `Margem de segurança baixa: entrega prevista para ${j} dia(s) antes do fim do estoque.`
-  } : F >= B && F <= c ? {
+    message: `Margem de segurança baixa: entrega prevista para ${w} dia(s) antes do fim do estoque.`
+  } : b >= E && b <= c ? {
     status: "warning",
     title: "Sugestão de Compra",
     message: "Momento ideal para realizar o pedido de reposição."
@@ -134,27 +159,28 @@ const fe = {
     message: "Nível de estoque adequado. Nenhuma ação necessária."
   };
 };
-function Te({
-  data: a,
-  className: F,
-  style: S,
-  controls: D = !1,
-  showLegend: B = !0,
+function Be({
+  data: i,
+  className: b,
+  style: v,
+  controls: S = !1,
+  showLegend: E = !0,
   size: c = "md",
-  selectedQty: j,
-  selectedQtyDays: p,
-  showSuggestionBar: yt = !0
+  selectedQty: w,
+  selectedQtyDays: m,
+  showSuggestionBar: nt = !0,
+  unitLabel: Ft = "kg"
 }) {
-  const e = R(() => xe[c], [c]), u = R(
-    () => fe[a.config.theme || "light"],
-    [a.config.theme]
-  ), H = R(
-    () => ye(a.timeline),
-    [a.timeline]
-  ), _t = ["DOM", "SEG", "TER", "QUA", "QUI", "SEX", "SAB"], Qt = L(
-    (o) => {
-      if (!a.timeline.dailyConsumptionAverage) return null;
-      const f = [
+  const s = L(() => Fe[c], [c]), p = L(
+    () => Me[i.config.theme || "light"],
+    [i.config.theme]
+  ), H = L(
+    () => Ee(i.timeline),
+    [i.timeline]
+  ), re = ["DOM", "SEG", "TER", "QUA", "QUI", "SEX", "SAB"], ae = P(
+    (e) => {
+      if (!i.timeline.dailyConsumptionAverage) return null;
+      const g = [
         "0-domingo",
         "1-segunda",
         "2-terca",
@@ -162,96 +188,101 @@ function Te({
         "4-quinta",
         "5-sexta",
         "6-sabado"
-      ][o];
-      return a.timeline.dailyConsumptionAverage[f] ?? null;
+      ][e];
+      return i.timeline.dailyConsumptionAverage[g] ?? null;
     },
-    [a]
-  ), Z = wt(null), Tt = wt(null), [y, jt] = J({
+    [i]
+  ), ot = et(null), jt = et(null), [T, Nt] = J({
     isHovering: !1,
     hoveredSection: null,
     mouseX: 0,
     mouseY: 0,
     dateAtCursor: null
-  }), [Pt, Jt] = J({ x: 0, y: 0 }), Ft = R(() => [0.6, 0.9, 1, 1.4], []), [Wt, Ot] = J(2), [U, gt] = J(0), [ht, Kt] = J(!1), [Zt, It] = J(
-    yt
-  ), Y = D ? Zt : yt;
-  bt(() => {
-    It(yt);
-  }, [yt]);
-  const w = R(
-    () => new Date(a.timeline.lastRestockDate),
-    [a.timeline.lastRestockDate]
-  ), tt = R(
-    () => new Date(a.timeline.todayDate),
-    [a.timeline.todayDate]
-  ), T = R(
-    () => new Date(a.timeline.stockEndDate),
-    [a.timeline.stockEndDate]
-  ), Lt = R(
-    () => new Date(a.timeline.restockSuggestionStart),
-    [a.timeline.restockSuggestionStart]
-  ), z = R(
-    () => new Date(a.timeline.restockSuggestionEnd),
-    [a.timeline.restockSuggestionEnd]
-  ), P = R(
-    () => new Date(a.timeline.deliveryDate),
-    [a.timeline.deliveryDate]
-  ), M = 1e3 * 60 * 60 * 24, A = R(
-    () => a.config.pixelsPerDay * Ft[Wt],
-    [a.config.pixelsPerDay, Wt, Ft]
-  ), b = L(
-    (o) => {
-      const t = (o.getTime() - w.getTime()) / M;
-      return e.padding.left + t * A - U;
+  }), [qt, le] = J({ x: 0, y: 0 }), Lt = L(() => [0.6, 0.9, 1, 1.4, 1.8], []), [Gt, Ut] = J(3), [q, it] = J(0), [vt, ce] = J(!1), [de, zt] = J(
+    nt
+  ), Y = S ? de : nt;
+  xt(() => {
+    zt(nt);
+  }, [nt]);
+  const M = L(
+    () => K(i.timeline.lastRestockDate),
+    [i.timeline.lastRestockDate]
+  ), st = L(
+    () => K(i.timeline.todayDate),
+    [i.timeline.todayDate]
+  ), C = L(
+    () => Bt(i.timeline.stockEndDate),
+    [i.timeline.stockEndDate]
+  ), Vt = L(
+    () => K(i.timeline.restockSuggestionStart),
+    [i.timeline.restockSuggestionStart]
+  ), U = L(
+    () => Bt(i.timeline.restockSuggestionEnd),
+    [i.timeline.restockSuggestionEnd]
+  ), I = L(
+    () => K(i.timeline.deliveryDate),
+    [i.timeline.deliveryDate]
+  ), A = 1e3 * 60 * 60 * 24, X = L(
+    () => i.config.pixelsPerDay * Lt[Gt],
+    [i.config.pixelsPerDay, Gt, Lt]
+  ), y = P(
+    (e) => {
+      const t = (e.getTime() - M.getTime()) / A;
+      return s.padding.left + t * X - q;
     },
     [
-      w,
-      A,
-      e.padding.left,
-      U,
-      M
+      M,
+      X,
+      s.padding.left,
+      q,
+      A
     ]
-  ), Ht = L(
-    (o) => {
-      const t = (o - e.padding.left + U) / A, f = new Date(w);
-      return f.setDate(f.getDate() + Math.floor(t)), f;
+  ), _t = P(
+    (e) => {
+      const t = (e - s.padding.left + q) / X, g = new Date(M);
+      return g.setDate(g.getDate() + Math.floor(t)), g;
     },
-    [w, A, e.padding.left, U]
-  ), et = (o) => `${o.getDate().toString().padStart(2, "0")}/${(o.getMonth() + 1).toString().padStart(2, "0")}`, ut = L(() => {
-    const o = Z.current;
-    if (!o) return;
-    const t = o.getContext("2d");
+    [M, X, s.padding.left, q]
+  ), ge = (e) => `${e.getDate().toString().padStart(2, "0")}/${(e.getMonth() + 1).toString().padStart(2, "0")}`, St = (e) => {
+    const t = e.getDate().toString().padStart(2, "0"), g = (e.getMonth() + 1).toString().padStart(2, "0");
+    if (e.getHours() === 0 && e.getMinutes() === 0) return `${t}/${g}`;
+    const F = e.getHours().toString().padStart(2, "0"), d = e.getMinutes().toString().padStart(2, "0");
+    return `${t}/${g} ${F}:${d}`;
+  }, Tt = P(() => {
+    const e = ot.current;
+    if (!e) return;
+    const t = e.getContext("2d");
     if (!t) return;
-    be(t);
-    const f = window.devicePixelRatio || 1, x = o.getBoundingClientRect().width, g = e.height;
-    if (o.width = x * f, o.height = g * f, t.scale(f, f), t.clearRect(0, 0, x, g), t.fillStyle = u.background, t.roundRect(0, 0, x, g, 12), t.fill(), y.isHovering && y.dateAtCursor) {
-      const i = b(y.dateAtCursor), n = a.config.theme === "dark";
-      t.fillStyle = n ? "rgba(255, 255, 255, 0.05)" : "rgba(0, 0, 0, 0.05)";
-      const s = e.padding.top, l = g - e.padding.bottom - e.padding.top;
-      t.fillRect(i, s, A, l);
+    Ce(t);
+    const g = window.devicePixelRatio || 1, d = e.getBoundingClientRect().width, u = s.height;
+    if (e.width = d * g, e.height = u * g, t.scale(g, g), t.clearRect(0, 0, d, u), t.fillStyle = p.background, t.roundRect(0, 0, d, u, 12), t.fill(), T.isHovering && T.dateAtCursor) {
+      const n = y(T.dateAtCursor), o = i.config.theme === "dark";
+      t.fillStyle = o ? "rgba(255, 255, 255, 0.05)" : "rgba(0, 0, 0, 0.05)";
+      const r = s.padding.top, l = u - s.padding.bottom - s.padding.top;
+      t.fillRect(n, r, X, l);
     }
-    const $ = b(w), k = b(tt), X = b(T), W = b(P);
-    b(Lt);
-    const G = b(z), Q = e.padding.top, E = (g - e.padding.top - e.padding.bottom) * e.segmentRatio, q = Q + 5, V = q + E + 2;
-    t.strokeStyle = u.textSecondary, t.lineWidth = 1, t.setLineDash([]);
-    let mt = Math.max(
-      z.getTime(),
-      P.getTime(),
-      T.getTime()
+    const W = y(M), B = y(st), j = y(C), O = y(I);
+    y(Vt);
+    const z = y(U), V = s.padding.top, R = (u - s.padding.top - s.padding.bottom) * s.segmentRatio, N = V + 5, _ = N + R + 2;
+    t.strokeStyle = p.textSecondary, t.lineWidth = 1, t.setLineDash([]);
+    let wt = Math.max(
+      U.getTime(),
+      I.getTime(),
+      C.getTime()
     );
-    if (typeof p == "number" && p > 0) {
-      const i = new Date(
-        Math.max(P.getTime(), T.getTime())
-      ), n = new Date(
-        i.getTime() + p * M
-      );
-      mt = Math.max(mt, n.getTime());
+    if (typeof m == "number" && m > 0) {
+      const n = new Date(
+        Math.max(I.getTime(), C.getTime())
+      ), o = new Date(
+        n.getTime() + (m - 1) * A
+      ), r = yt(o);
+      wt = Math.max(wt, r.getTime());
     }
-    const st = new Date(mt);
-    st.setDate(st.getDate() + 2);
-    const I = Math.ceil(
-      (st.getTime() - w.getTime()) / (1e3 * 60 * 60 * 24)
-    ), at = [
+    const gt = new Date(wt);
+    gt.setDate(gt.getDate() + 2);
+    const $ = Math.ceil(
+      (gt.getTime() - M.getTime()) / (1e3 * 60 * 60 * 24)
+    ), ut = [
       "JAN",
       "FEV",
       "MAR",
@@ -264,52 +295,52 @@ function Te({
       "OUT",
       "NOV",
       "DEZ"
-    ], pt = (i) => {
-      const n = i % 2 === 0;
-      return a.config.theme === "dark" ? n ? "rgba(71, 85, 105, 0.25)" : "rgba(51, 65, 85, 0.4)" : n ? "rgba(241, 245, 249, 0.6)" : "rgba(203, 213, 225, 0.5)";
-    }, ft = (i, n) => {
-      const s = i % 2 === 0;
-      return a.config.theme === "dark" ? s ? "rgba(148, 163, 184, 1)" : "rgba(226, 232, 240, 1)" : s ? "rgba(100, 116, 139, 1)" : "rgba(51, 65, 85, 1)";
+    ], kt = (n) => {
+      const o = n % 2 === 0;
+      return i.config.theme === "dark" ? o ? "rgba(71, 85, 105, 0.25)" : "rgba(51, 65, 85, 0.4)" : o ? "rgba(241, 245, 249, 0.6)" : "rgba(203, 213, 225, 0.5)";
+    }, Dt = (n, o) => {
+      const r = n % 2 === 0;
+      return i.config.theme === "dark" ? r ? "rgba(148, 163, 184, 1)" : "rgba(226, 232, 240, 1)" : r ? "rgba(100, 116, 139, 1)" : "rgba(51, 65, 85, 1)";
     }, Mt = [];
-    let rt = -1, vt = -1, Et = e.padding.left;
-    for (let i = 0; i <= I; i++) {
-      const n = new Date(w);
-      n.setDate(n.getDate() + i);
-      const s = b(n), l = n.getMonth(), d = n.getFullYear();
-      (l !== rt || d !== vt) && (rt !== -1 && Mt.push({
-        month: rt,
-        year: vt,
-        startX: Et,
-        endX: s
-      }), rt = l, vt = d, Et = s);
+    let ht = -1, Xt = -1, Wt = s.padding.left;
+    for (let n = 0; n <= $; n++) {
+      const o = new Date(M);
+      o.setDate(o.getDate() + n);
+      const r = y(o), l = o.getMonth(), f = o.getFullYear();
+      (l !== ht || f !== Xt) && (ht !== -1 && Mt.push({
+        month: ht,
+        year: Xt,
+        startX: Wt,
+        endX: r
+      }), ht = l, Xt = f, Wt = r);
     }
-    if (rt !== -1) {
-      const i = new Date(w);
-      i.setDate(i.getDate() + I), Mt.push({
-        month: rt,
-        year: vt,
-        startX: Et,
-        endX: b(i) + A
+    if (ht !== -1) {
+      const n = new Date(M);
+      n.setDate(n.getDate() + $), Mt.push({
+        month: ht,
+        year: Xt,
+        startX: Wt,
+        endX: y(n) + X
       });
     }
-    const Nt = Q, Ut = g - e.padding.bottom - Q;
-    for (const i of Mt) {
-      const n = Math.max(i.startX, e.padding.left), l = Math.min(i.endX, x - e.padding.right) - n;
+    const te = V, ee = u - s.padding.bottom - V;
+    for (const n of Mt) {
+      const o = Math.max(n.startX, s.padding.left), l = Math.min(n.endX, d - s.padding.right) - o;
       if (l > 0) {
-        t.fillStyle = pt(i.month), t.fillRect(n, Nt, l, Ut);
-        const d = Nt + Ut - 15;
-        t.fillStyle = a.config.theme === "dark" ? "rgba(148, 163, 184, 0.35)" : "rgba(100, 116, 139, 0.25)";
-        const h = `bold ${(e.fontSize + 4) * 2}px system-ui, -apple-system, sans-serif`, m = new Date(i.year, i.month, 2), v = b(m), K = v >= e.padding.left && v <= x - e.padding.right, xt = new Date(i.year, i.month + 1, 2), ct = b(xt);
-        ct >= e.padding.left && ct <= x - e.padding.right && (t.save(), t.font = h, t.textAlign = "right", t.textBaseline = "bottom", t.fillText(
-          at[i.month],
-          ct - 4,
-          d
-        ), t.restore()), K && (t.save(), t.font = h, t.textAlign = "left", t.textBaseline = "bottom", t.fillText(at[i.month], v + 4, d), t.restore());
+        t.fillStyle = kt(n.month), t.fillRect(o, te, l, ee);
+        const f = te + ee - 15;
+        t.fillStyle = i.config.theme === "dark" ? "rgba(148, 163, 184, 0.35)" : "rgba(100, 116, 139, 0.25)";
+        const h = `bold ${(s.fontSize + 4) * 2}px system-ui, -apple-system, sans-serif`, x = new Date(n.year, n.month, 2), D = y(x), tt = D >= s.padding.left && D <= d - s.padding.right, pt = new Date(n.year, n.month + 1, 2), ft = y(pt);
+        ft >= s.padding.left && ft <= d - s.padding.right && (t.save(), t.font = h, t.textAlign = "right", t.textBaseline = "bottom", t.fillText(
+          ut[n.month],
+          ft - 4,
+          f
+        ), t.restore()), tt && (t.save(), t.font = h, t.textAlign = "left", t.textBaseline = "bottom", t.fillText(ut[n.month], D + 4, f), t.restore());
       }
     }
-    const le = ["DOM", "SEG", "TER", "QUA", "QUI", "SEX", "SAB"], zt = (i) => {
-      if (!a.timeline.dailyConsumptionAverage) return null;
-      const s = [
+    const Te = ["DOM", "SEG", "TER", "QUA", "QUI", "SEX", "SAB"], ne = (n) => {
+      if (!i.timeline.dailyConsumptionAverage) return null;
+      const r = [
         "0-domingo",
         "1-segunda",
         "2-terca",
@@ -317,405 +348,448 @@ function Te({
         "4-quinta",
         "5-sexta",
         "6-sabado"
-      ][i];
-      return a.timeline.dailyConsumptionAverage[s] ?? null;
+      ][n];
+      return i.timeline.dailyConsumptionAverage[r] ?? null;
     };
-    for (let i = 0; i <= I; i++) {
-      const n = new Date(w);
-      n.setDate(n.getDate() + i);
-      const s = b(n);
-      if (s >= e.padding.left && s <= x - e.padding.right) {
-        const l = n.getDay(), d = l === 0 || l === 6, h = n.getMonth();
-        n.getDate() === 1 && (t.save(), t.strokeStyle = a.config.theme === "dark" ? "rgba(148, 163, 184, 0.8)" : "rgba(71, 85, 105, 0.6)", t.lineWidth = 2, t.beginPath(), t.moveTo(s, Q), t.lineTo(s, g - e.padding.bottom + 20), t.stroke(), t.restore()), t.strokeStyle = u.textSecondary, t.lineWidth = 1, t.beginPath(), t.moveTo(s, Q), t.lineTo(s, g - e.padding.bottom), t.stroke();
-        const v = 30, K = Math.abs(s - k) < v, xt = Math.abs(s - W) < v, ct = Math.abs(s - X) < v, kt = Math.max(W, X), Rt = Math.abs(s - kt) < v;
-        if (!(!d && (K || xt || ct || Rt))) {
-          const Bt = s + A / 2, de = g - e.padding.bottom + 8;
-          t.fillStyle = ft(h), t.font = `${e.fontSize}px system-ui, -apple-system, sans-serif`, t.textAlign = "center", t.textBaseline = "top", t.fillText(
-            n.getDate().toString().padStart(2, "0"),
-            Bt,
-            de
-          );
-          const Vt = zt(l), ge = Vt !== null ? Vt : 0;
-          t.fillStyle = a.config.theme === "dark" ? "rgba(148, 163, 184, 0.7)" : "rgba(100, 116, 139, 0.7)", t.font = `${e.fontSize - 3}px system-ui, -apple-system, sans-serif`, t.textAlign = "center", t.textBaseline = "bottom";
-          const he = g - e.padding.bottom - 18;
-          t.fillText(ge.toFixed(2), Bt, he);
-          const ue = le[l];
-          t.fillStyle = ft(h), t.font = `${d ? "bold " : ""}${e.fontSize - 2}px system-ui, -apple-system, sans-serif`;
-          const me = g - e.padding.bottom - 4;
-          t.textBaseline = "bottom", t.fillText(ue, Bt, me);
-        }
+    for (let n = 0; n <= $; n++) {
+      const o = new Date(
+        M.getFullYear(),
+        M.getMonth(),
+        M.getDate() + n
+      ), r = y(o);
+      if (r >= s.padding.left && r <= d - s.padding.right) {
+        const l = o.getDay(), f = l === 0 || l === 6, h = o.getMonth();
+        o.getDate() === 1 && (t.save(), t.strokeStyle = i.config.theme === "dark" ? "rgba(148, 163, 184, 0.8)" : "rgba(71, 85, 105, 0.6)", t.lineWidth = 2, t.beginPath(), t.moveTo(r, V), t.lineTo(r, u - s.padding.bottom + 20), t.stroke(), t.restore()), t.strokeStyle = p.textSecondary, t.lineWidth = 1, t.beginPath(), t.moveTo(r, V), t.lineTo(r, u - s.padding.bottom), t.stroke();
+        const D = r + X / 2, tt = u - s.padding.bottom + 8;
+        t.fillStyle = Dt(h), t.font = `${s.fontSize}px system-ui, -apple-system, sans-serif`, t.textAlign = "center", t.textBaseline = "top", t.fillText(o.getDate().toString().padStart(2, "0"), D, tt);
+        const pt = ne(l), ft = pt !== null ? pt : 0;
+        t.fillStyle = i.config.theme === "dark" ? "rgba(148, 163, 184, 0.7)" : "rgba(100, 116, 139, 0.7)", t.font = `${s.fontSize - 3}px system-ui, -apple-system, sans-serif`, t.textAlign = "center", t.textBaseline = "bottom";
+        const Rt = u - s.padding.bottom - 18;
+        t.fillText(ft.toFixed(2), D, Rt);
+        const Yt = Te[l];
+        t.fillStyle = Dt(h), t.font = `${f ? "bold " : ""}${s.fontSize - 2}px system-ui, -apple-system, sans-serif`;
+        const ke = u - s.padding.bottom - 4;
+        t.textBaseline = "bottom", t.fillText(Yt, D, ke);
       }
     }
-    if (ht && a.timeline.dailyConsumptionAverage) {
-      const i = Object.values(
-        a.timeline.dailyConsumptionAverage
-      ).filter((m) => typeof m == "number"), n = i.length > 0 ? Math.max(...i, 1) : 1, s = e.padding.bottom * 0.5, l = g - e.padding.bottom, d = s, h = [];
-      for (let m = 0; m <= I; m++) {
-        const v = new Date(w);
-        v.setDate(v.getDate() + m);
-        const K = b(v);
-        if (K >= e.padding.left && K <= x - e.padding.right) {
-          const xt = v.getDay(), kt = (zt(xt) ?? 0) / n, Rt = l - kt * d;
-          h.push({ x: K + A / 2, y: Rt });
+    if (vt && i.timeline.dailyConsumptionAverage) {
+      const n = Object.values(
+        i.timeline.dailyConsumptionAverage
+      ).filter((x) => typeof x == "number"), o = n.length > 0 ? Math.max(...n, 1) : 1, r = s.padding.bottom * 0.5, l = u - s.padding.bottom, f = r, h = [];
+      for (let x = 0; x <= $; x++) {
+        const D = new Date(M);
+        D.setDate(D.getDate() + x);
+        const tt = y(D);
+        if (tt >= s.padding.left && tt <= d - s.padding.right) {
+          const pt = D.getDay(), Rt = (ne(pt) ?? 0) / o, Yt = l - Rt * f;
+          h.push({ x: tt + X / 2, y: Yt });
         }
       }
       if (h.length > 1) {
         t.save(), t.strokeStyle = "rgba(0, 0, 0, 0.25)", t.lineWidth = 2, t.lineCap = "round", t.lineJoin = "round", t.miterLimit = 2, t.beginPath(), t.moveTo(h[0].x, h[0].y);
-        for (let m = 1; m < h.length; m++)
-          t.lineTo(h[m].x, h[m].y);
+        for (let x = 1; x < h.length; x++)
+          t.lineTo(h[x].x, h[x].y);
         t.stroke(), t.restore();
       }
     }
-    const lt = Math.max($, e.padding.left), ce = (i, n, s) => {
-      const l = t.createLinearGradient(0, n, 0, n + s);
-      return l.addColorStop(0, i), l.addColorStop(1, dt(i, -15)), l;
-    }, At = (i, n, s) => {
-      const l = t.createLinearGradient(n, 0, n + s, 0);
-      return l.addColorStop(0, i), l.addColorStop(1, dt(i, -10)), l;
-    }, Xt = (i, n, s, l, d) => {
-      if (!d) return;
-      const h = (i + n) / 2, m = s + l / 2;
-      t.textAlign = "center", t.font = `${e.fontSize - 1}px system-ui, -apple-system, sans-serif`, t.fillStyle = "#FFFFFF", t.textBaseline = "middle", t.shadowColor = "rgba(0, 0, 0, 0.35)", t.shadowBlur = 3, t.shadowOffsetY = 1, t.fillText(d, h, m), t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetY = 0;
+    const mt = Math.max(W, s.padding.left), we = (n, o, r) => {
+      const l = t.createLinearGradient(0, o, 0, o + r);
+      return l.addColorStop(0, n), l.addColorStop(1, bt(n, -15)), l;
+    }, Ot = (n, o, r) => {
+      const l = t.createLinearGradient(o, 0, o + r, 0);
+      return l.addColorStop(0, n), l.addColorStop(1, bt(n, -10)), l;
+    }, $t = (n, o, r, l, f) => {
+      if (!f) return;
+      const h = (n + o) / 2, x = r + l / 2;
+      t.textAlign = "center", t.font = `${s.fontSize - 1}px system-ui, -apple-system, sans-serif`, t.fillStyle = "#FFFFFF", t.textBaseline = "middle", t.shadowColor = "rgba(0, 0, 0, 0.35)", t.shadowBlur = 3, t.shadowOffsetY = 1, t.fillText(f, h, x), t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetY = 0;
     };
-    if (t.lineWidth = 1, t.lineJoin = "round", k > lt) {
-      const i = k - lt;
-      t.beginPath(), t.globalAlpha = 1, t.fillStyle = ce(u.stockPast, q, E), t.strokeStyle = dt(u.stockPast, -20), t.lineWidth = 1.5;
-      const n = lt, s = q, l = i, d = E, h = 6;
-      t.moveTo(n + h, s), t.lineTo(n + l, s), t.lineTo(n + l, s + d), t.lineTo(n + h, s + d), t.quadraticCurveTo(n, s + d, n, s + d - h), t.lineTo(n, s + h), t.quadraticCurveTo(n, s, n + h, s), t.fill(), t.stroke(), t.closePath();
-      const m = Math.max(
+    t.lineWidth = 1, t.lineJoin = "round";
+    const oe = new Date(
+      Math.min(st.getTime(), C.getTime())
+    ), Ht = y(oe);
+    if (Ht > mt) {
+      const n = Ht - mt;
+      t.beginPath(), t.globalAlpha = 1, t.fillStyle = we(p.stockPast, N, R), t.strokeStyle = bt(p.stockPast, -20), t.lineWidth = 1.5;
+      const o = mt, r = N, l = n, f = R, h = 6;
+      t.moveTo(o + h, r), t.lineTo(o + l, r), t.lineTo(o + l, r + f), t.lineTo(o + h, r + f), t.quadraticCurveTo(o, r + f, o, r + f - h), t.lineTo(o, r + h), t.quadraticCurveTo(o, r, o + h, r), t.fill(), t.stroke(), t.closePath();
+      const x = Math.max(
         0,
-        Math.round((tt.getTime() - w.getTime()) / M)
-      ), v = `${m} dia${m === 1 ? "" : "s"} consumido${m === 1 ? "" : "s"}`;
-      Xt(
-        lt,
-        k,
-        q,
-        E,
-        v
+        Math.round(
+          (oe.getTime() - M.getTime()) / A
+        )
+      ), D = `${x} dia${x === 1 ? "" : "s"} consumido${x === 1 ? "" : "s"}`;
+      $t(
+        mt,
+        Ht,
+        N,
+        R,
+        D
       );
     }
-    if (X > k) {
-      const i = X - k;
-      t.beginPath(), t.globalAlpha = 1, t.fillStyle = At(
-        u.stockFuture,
-        k,
-        i
-      ), t.strokeStyle = dt(u.stockFuture, -20), t.lineWidth = 1.5;
-      const n = k, s = q, l = i, d = E, h = 6;
-      t.moveTo(n, s), t.lineTo(n + l - h, s), t.quadraticCurveTo(n + l, s, n + l, s + h), t.lineTo(n + l, s + d - h), t.quadraticCurveTo(n + l, s + d, n + l - h, s + d), t.lineTo(n, s + d), t.lineTo(n, s), t.fill(), t.stroke(), t.closePath();
-      const m = Math.max(
+    if (j > B) {
+      const n = j - B;
+      t.beginPath(), t.globalAlpha = 1, t.fillStyle = Ot(
+        p.stockFuture,
+        B,
+        n
+      ), t.strokeStyle = bt(p.stockFuture, -20), t.lineWidth = 1.5;
+      const o = B, r = N, l = n, f = R, h = 6;
+      t.moveTo(o, r), t.lineTo(o + l - h, r), t.quadraticCurveTo(o + l, r, o + l, r + h), t.lineTo(o + l, r + f - h), t.quadraticCurveTo(o + l, r + f, o + l - h, r + f), t.lineTo(o, r + f), t.lineTo(o, r), t.fill(), t.stroke(), t.closePath();
+      const x = Math.max(
         0,
-        Math.round((T.getTime() - tt.getTime()) / M)
-      ), v = `${m} dia${m === 1 ? "" : "s"} restante${m === 1 ? "" : "s"}`;
-      Xt(
-        k,
-        X,
-        q,
-        E,
-        v
+        Math.round((C.getTime() - st.getTime()) / A)
+      ), D = `${x} dia${x === 1 ? "" : "s"} restante${x === 1 ? "" : "s"}`;
+      $t(
+        B,
+        j,
+        N,
+        R,
+        D
       );
     }
-    const _ = Math.max(W, X);
-    if (Y && G > _ && _ >= e.padding.left) {
-      const i = G - _;
-      t.beginPath(), t.globalAlpha = 1, t.fillStyle = At(
-        u.alert,
-        _,
-        i
-      ), t.strokeStyle = dt(u.alert, -20), t.lineWidth = 1.5, t.roundRect(
+    const Q = Math.max(O, j);
+    if (Y && z > Q && Q >= s.padding.left) {
+      const n = z - Q;
+      t.beginPath(), t.globalAlpha = 1, t.fillStyle = Ot(
+        p.alert,
+        Q,
+        n
+      ), t.strokeStyle = bt(p.alert, -20), t.lineWidth = 1.5, t.roundRect(
+        Q,
         _,
-        V,
-        i,
-        E,
+        n,
+        R,
         6
       ), t.fill(), t.stroke(), t.closePath();
-      const n = Math.max(
+      const o = Math.max(
         0,
-        Math.round(i / A)
-      ), s = `${n} dia${n === 1 ? "" : "s"}`;
-      Xt(
+        Math.round(n / X)
+      ), r = `${o} dia${o === 1 ? "" : "s"}`;
+      $t(
+        Q,
+        z,
         _,
-        G,
-        V,
-        E,
-        s
+        R,
+        r
       );
     }
-    if (typeof p == "number" && p > 0 && typeof j == "number") {
-      const i = new Date(
-        Math.max(P.getTime(), T.getTime())
-      ), n = Math.max(W, X), s = new Date(
-        i.getTime() + p * M
-      ), d = b(s) - n;
-      if (d > 0) {
-        const h = E * 0.5, m = V + E + 4;
-        t.beginPath(), t.globalAlpha = 1, t.fillStyle = At(
-          u.selectedQtyBar,
-          n,
-          d
-        ), t.strokeStyle = dt(
-          u.selectedQtyBar,
+    if (typeof m == "number" && m > 0 && typeof w == "number") {
+      const n = new Date(
+        Math.max(I.getTime(), C.getTime())
+      ), o = Math.max(O, j), r = new Date(
+        n.getTime() + (m - 1) * A
+      ), l = yt(r), h = y(l) - o;
+      if (h > 0) {
+        const x = R * 0.5, D = _ + R + 4;
+        t.beginPath(), t.globalAlpha = 1, t.fillStyle = Ot(
+          p.selectedQtyBar,
+          o,
+          h
+        ), t.strokeStyle = bt(
+          p.selectedQtyBar,
           -20
         ), t.lineWidth = 1.5, t.roundRect(
-          n,
-          m,
-          d,
+          o,
+          D,
           h,
+          x,
           4
         ), t.fill(), t.stroke(), t.closePath();
       }
     }
-    if (y.isHovering && y.hoveredSection) {
-      if (t.save(), t.globalAlpha = 0.18, t.fillStyle = a.config.theme === "dark" ? "#FFFFFF" : "#000000", y.hoveredSection === "stock")
+    if (T.isHovering && T.hoveredSection) {
+      if (t.save(), t.globalAlpha = 0.18, t.fillStyle = i.config.theme === "dark" ? "#FFFFFF" : "#000000", T.hoveredSection === "stock")
         t.fillRect(
-          lt,
-          q,
-          X - lt,
-          E
+          mt,
+          N,
+          j - mt,
+          R
         );
-      else if (y.hoveredSection === "suggestion" && Y)
+      else if (T.hoveredSection === "suggestion" && Y)
         t.fillRect(
+          Q,
           _,
-          V,
-          G - _,
-          E
+          z - Q,
+          R
         );
-      else if (y.hoveredSection === "selectedQty" && typeof p == "number" && p > 0) {
-        const i = Math.max(W, X), n = new Date(
-          Math.max(P.getTime(), T.getTime())
-        ), s = new Date(
-          n.getTime() + p * M
-        ), l = b(s), d = E * 0.5, h = V + E + 4;
+      else if (T.hoveredSection === "selectedQty" && typeof m == "number" && m > 0) {
+        const n = Math.max(O, j), o = new Date(
+          Math.max(I.getTime(), C.getTime())
+        ), r = new Date(
+          o.getTime() + (m - 1) * A
+        ), l = yt(r), f = y(l), h = R * 0.5, x = _ + R + 4;
         t.fillRect(
-          i,
-          h,
-          l - i,
-          d
+          n,
+          x,
+          f - n,
+          h
         );
       }
       t.restore();
     }
-    const Gt = (i, n, s, l) => {
-      t.font = `bold ${e.pillFontSize}px system-ui, -apple-system, sans-serif`;
-      const d = t.measureText(s.toUpperCase()), h = e.pillPaddingX;
-      e.pillPaddingY;
-      const m = e.pillHeight, v = d.width + h * 2;
+    const ie = (n, o, r, l) => {
+      t.font = `bold ${s.pillFontSize}px system-ui, -apple-system, sans-serif`;
+      const f = t.measureText(r.toUpperCase()), h = s.pillPaddingX;
+      s.pillPaddingY;
+      const x = s.pillHeight, D = f.width + h * 2;
       t.shadowColor = "rgba(0, 0, 0, 0.1)", t.shadowBlur = 4, t.shadowOffsetY = 2, t.fillStyle = l, t.beginPath(), t.roundRect(
-        i - v / 2,
-        n,
-        v,
-        m,
-        m / 2
-      ), t.fill(), t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetY = 0, t.fillStyle = "#FFFFFF", t.textAlign = "center", t.textBaseline = "middle", t.fillText(s.toUpperCase(), i, n + m / 2 + 1);
+        n - D / 2,
+        o,
+        D,
+        x,
+        x / 2
+      ), t.fill(), t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetY = 0, t.fillStyle = "#FFFFFF", t.textAlign = "center", t.textBaseline = "middle", t.fillText(r.toUpperCase(), n, o + x / 2 + 1);
     };
-    if (k >= e.padding.left && k <= x - e.padding.right && (t.shadowColor = "rgba(41, 121, 255, 0.3)", t.shadowBlur = 6, t.globalAlpha = 1, t.strokeStyle = u.todayIndicator, t.lineWidth = 2, t.beginPath(), t.moveTo(k, 0), t.lineTo(k, g - e.padding.bottom), t.stroke(), t.shadowColor = "transparent", t.shadowBlur = 0, Gt(
-      k,
-      g - e.padding.bottom + 20,
-      "Hoje",
-      u.todayIndicator
-    )), W >= e.padding.left && W <= x - e.padding.right && (t.globalAlpha = 1, t.strokeStyle = u.deliveryBar, t.lineWidth = 1.5, t.setLineDash([3, 3]), t.beginPath(), t.moveTo(W, 0), t.lineTo(W, g - e.padding.bottom), t.stroke(), t.setLineDash([]), Gt(
-      W,
-      g - e.padding.bottom + 20,
+    if (B >= s.padding.left && B <= d - s.padding.right) {
+      const n = B, o = X, r = V, l = u - s.padding.bottom;
+      t.globalAlpha = 0.12, t.fillStyle = p.todayIndicator, t.fillRect(
+        n,
+        r,
+        o,
+        l - r
+      ), t.globalAlpha = 1, t.strokeStyle = p.todayIndicator, t.lineWidth = 1.5, t.beginPath(), t.moveTo(n, r), t.lineTo(n, l), t.stroke();
+      const f = n + o / 2;
+      ie(
+        f,
+        u - s.padding.bottom + 20,
+        "Hoje",
+        p.todayIndicator
+      );
+    }
+    if (O >= s.padding.left && O <= d - s.padding.right && (t.globalAlpha = 1, t.strokeStyle = p.deliveryBar, t.lineWidth = 1.5, t.setLineDash([3, 3]), t.beginPath(), t.moveTo(O, 0), t.lineTo(O, u - s.padding.bottom), t.stroke(), t.setLineDash([]), ie(
+      O,
+      u - s.padding.bottom + 20,
       "Entrega",
-      u.deliveryBar
+      p.deliveryBar
     )), Y) {
-      const i = e.fontSize + 6, n = _ + A / 2 - i / 2, s = V - i - 4, l = H.status === "critical" ? u.alertCritical : H.status === "urgent" ? u.alertUrgent : H.status === "warning" ? u.alertWarning : H.status === "success" ? u.alertSuccess : u.alertInfo;
+      const n = s.fontSize + 6, o = Q + X / 2 - n / 2, r = _ - n - 4, l = H.status === "critical" ? p.alertCritical : H.status === "urgent" ? p.alertUrgent : H.status === "warning" ? p.alertWarning : H.status === "success" ? p.alertSuccess : p.alertInfo;
       t.beginPath(), t.arc(
-        n + i / 2,
-        s + i / 2,
-        i / 2,
+        o + n / 2,
+        r + n / 2,
+        n / 2,
         0,
         Math.PI * 2
-      ), t.fillStyle = l, t.fill(), t.shadowColor = "rgba(0, 0, 0, 0.2)", t.shadowBlur = 4, t.shadowOffsetY = 2, t.fillStyle = "#FFFFFF", t.font = `bold ${i * 0.6}px system-ui, -apple-system, sans-serif`, t.textAlign = "center", t.textBaseline = "middle";
-      const d = H.status === "critical" || H.status === "urgent" || H.status === "warning" ? "!" : H.status === "success" ? "✓" : "i";
+      ), t.fillStyle = l, t.fill(), t.shadowColor = "rgba(0, 0, 0, 0.2)", t.shadowBlur = 4, t.shadowOffsetY = 2, t.fillStyle = "#FFFFFF", t.font = `bold ${n * 0.6}px system-ui, -apple-system, sans-serif`, t.textAlign = "center", t.textBaseline = "middle";
+      const f = H.status === "critical" || H.status === "urgent" || H.status === "warning" ? "!" : H.status === "success" ? "✓" : "i";
       t.fillText(
-        d,
-        n + i / 2,
-        s + i / 2
+        f,
+        o + n / 2,
+        r + n / 2
       ), t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetY = 0;
     }
     t.globalAlpha = 1;
   }, [
-    a,
-    b,
-    w,
-    tt,
-    T,
-    Lt,
-    z,
-    P,
-    u,
-    e,
+    i,
     y,
     M,
-    A,
-    j,
+    st,
+    C,
+    Vt,
+    U,
+    I,
     p,
+    s,
+    T,
+    A,
+    X,
+    w,
+    m,
     H,
-    ht,
+    vt,
     Y
-  ]), Yt = L(
-    (o, t) => {
-      const f = Z.current;
-      if (!f) return null;
-      const O = f.getBoundingClientRect(), x = o - O.left, g = t - O.top, $ = e.padding.top, k = e.height - e.padding.top - e.padding.bottom, X = k * e.segmentRatio, W = $ + 5, G = W + X + 2, Q = G + X + 4, Ct = X * 0.5, E = b(w);
-      b(tt);
-      const q = b(T), V = b(P), mt = b(z), st = Math.max(V, q);
+  ]), Qt = P(
+    (e, t) => {
+      const g = ot.current;
+      if (!g) return null;
+      const F = g.getBoundingClientRect(), d = e - F.left, u = t - F.top, W = s.padding.top, B = s.height - s.padding.top - s.padding.bottom, j = B * s.segmentRatio, O = W + 5, z = O + j + 2, V = z + j + 4, It = j * 0.5, R = y(M);
+      y(st);
+      const N = y(C), _ = y(I), wt = y(U), gt = Math.max(_, N);
       if (Y) {
-        const I = e.fontSize + 6, at = st + A / 2 - I / 2, pt = G - I - 4;
+        const $ = s.fontSize + 6, ut = gt + X / 2 - $ / 2, kt = z - $ - 4;
         if (Math.sqrt(
-          Math.pow(x - (at + I / 2), 2) + Math.pow(g - (pt + I / 2), 2)
-        ) <= I / 2 + 4)
+          Math.pow(d - (ut + $ / 2), 2) + Math.pow(u - (kt + $ / 2), 2)
+        ) <= $ / 2 + 4)
           return "alertIcon";
       }
-      if (g < $ || g > $ + k + Ct + 10)
+      if (u < W || u > W + B + It + 10)
         return null;
-      if (typeof p == "number" && p > 0 && typeof j == "number") {
-        const I = Math.max(V, q), at = new Date(
-          Math.max(P.getTime(), T.getTime())
-        ), pt = new Date(
-          at.getTime() + p * M
-        ), ft = b(pt);
-        if (g >= Q && g <= Q + Ct && x >= I && x <= ft)
+      if (typeof m == "number" && m > 0 && typeof w == "number") {
+        const $ = Math.max(_, N), ut = new Date(
+          Math.max(I.getTime(), C.getTime())
+        ), kt = new Date(
+          ut.getTime() + (m - 1) * A
+        ), Dt = yt(kt), Mt = y(Dt);
+        if (u >= V && u <= V + It && d >= $ && d <= Mt)
           return "selectedQty";
       }
-      return g >= W && g <= W + X && x >= E && x <= q ? "stock" : Y && g >= G && g <= G + X && x >= st && x <= mt ? "suggestion" : null;
+      return u >= O && u <= O + j && d >= R && d <= N ? "stock" : Y && u >= z && u <= z + j && d >= gt && d <= wt ? "suggestion" : null;
     },
     [
-      b,
-      tt,
-      T,
-      z,
+      y,
+      st,
+      C,
+      U,
+      M,
+      I,
+      s,
       w,
-      P,
-      e,
-      j,
-      p,
+      m,
+      X,
       A,
-      M,
       Y
     ]
-  ), $t = R(() => {
-    let o = Math.max(
-      z.getTime(),
-      P.getTime(),
-      T.getTime()
+  ), Jt = L(() => {
+    let e = Math.max(
+      U.getTime(),
+      I.getTime(),
+      C.getTime()
     );
-    if (typeof p == "number" && p > 0) {
-      const f = new Date(
-        Math.max(P.getTime(), T.getTime())
-      ), O = new Date(
-        f.getTime() + p * M
-      );
-      o = Math.max(o, O.getTime());
+    if (typeof m == "number" && m > 0) {
+      const g = new Date(
+        Math.max(I.getTime(), C.getTime())
+      ), F = new Date(
+        g.getTime() + (m - 1) * A
+      ), d = yt(F);
+      e = Math.max(e, d.getTime());
     }
-    const t = new Date(o);
+    const t = new Date(e);
     return t.setDate(t.getDate() + 2), t;
-  }, [z, P, T, p, M]), qt = R(() => Math.ceil(
-    ($t.getTime() - w.getTime()) / M
-  ), [$t, w, M]), Dt = R(() => e.padding.left + qt * A + e.padding.right, [
-    qt,
-    A,
-    e.padding.left,
-    e.padding.right
-  ]), [St, te] = J(0);
-  bt(() => {
-    const o = () => {
-      Z.current && te(Z.current.getBoundingClientRect().width);
+  }, [U, I, C, m, A]), Kt = L(() => Math.ceil(
+    (Jt.getTime() - M.getTime()) / A
+  ), [Jt, M, A]), rt = L(() => s.padding.left + Kt * X + s.padding.right, [
+    Kt,
+    X,
+    s.padding.left,
+    s.padding.right
+  ]), [Z, ue] = J(0);
+  xt(() => {
+    const e = () => {
+      ot.current && ue(ot.current.getBoundingClientRect().width);
     };
-    return o(), window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
+    return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const C = R(() => St === 0 ? 0 : Math.max(0, Dt - St), [Dt, St]), [N, nt] = J(!1), ot = wt(0), it = wt(0), ee = L(
-    (o) => {
-      o.preventDefault(), nt(!0), ot.current = o.clientX, it.current = U;
+  const k = L(() => Z === 0 ? 0 : Math.max(0, rt - Z), [rt, Z]), Zt = et(null), [Ct, at] = J(!1), G = et(!1), lt = et(0), ct = et(0), [Et, At] = J(!1), dt = et(!1), he = P(
+    (e) => {
+      e.preventDefault(), G.current = !0, at(!0), lt.current = e.clientX, ct.current = q;
     },
-    [U]
-  ), ne = L(
-    (o) => {
-      o.touches.length === 1 && (o.preventDefault(), nt(!0), ot.current = o.touches[0].clientX, it.current = U);
+    [q]
+  ), me = P(
+    (e) => {
+      e.touches.length === 1 && (e.preventDefault(), G.current = !0, at(!0), lt.current = e.touches[0].clientX, ct.current = q);
     },
-    [U]
-  ), oe = L(
-    (o) => {
-      const t = Z.current;
+    [q]
+  ), pe = P(
+    (e) => {
+      const t = ot.current;
       if (!t) return;
-      if (N && C > 0) {
-        const $ = ot.current - o.clientX, k = it.current + $;
-        gt(Math.max(0, Math.min(C, k)));
+      if (G.current && k > 0) {
+        const W = lt.current - e.clientX, B = ct.current + W;
+        it(Math.max(0, Math.min(k, B)));
         return;
       }
-      const f = t.getBoundingClientRect(), O = o.clientX - f.left, x = Yt(o.clientX, o.clientY), g = Ht(O);
-      jt({
+      const g = t.getBoundingClientRect(), F = e.clientX - g.left, d = Qt(e.clientX, e.clientY), u = _t(F);
+      Nt({
         isHovering: !0,
-        hoveredSection: x,
-        mouseX: o.clientX,
-        mouseY: o.clientY,
-        dateAtCursor: g
-      }), Jt({ x: o.clientX, y: o.clientY });
+        hoveredSection: d,
+        mouseX: e.clientX,
+        mouseY: e.clientY,
+        dateAtCursor: u
+      }), le({ x: e.clientX, y: e.clientY });
     },
-    [Yt, Ht, N, C]
-  ), ie = L(() => {
-    jt({
+    [Qt, _t, k]
+  ), fe = P(() => {
+    Nt({
       isHovering: !1,
       hoveredSection: null,
       mouseX: 0,
       mouseY: 0,
       dateAtCursor: null
     });
-  }, []), se = L(() => {
-    nt(!1);
-  }, []), ae = L(
-    (o) => {
-      if (o.touches.length === 1 && N && C > 0) {
-        o.preventDefault();
-        const t = ot.current - o.touches[0].clientX, f = it.current + t;
-        gt(Math.max(0, Math.min(C, f)));
+  }, []), xe = P(() => {
+    G.current = !1, at(!1);
+  }, []), be = P(
+    (e) => {
+      if (e.touches.length === 1 && G.current && k > 0) {
+        e.preventDefault();
+        const t = lt.current - e.touches[0].clientX, g = ct.current + t;
+        it(Math.max(0, Math.min(k, g)));
       }
     },
-    [N, C]
-  ), re = L(() => {
-    nt(!1);
+    [k]
+  ), ye = P(() => {
+    G.current = !1, at(!1);
   }, []);
-  return bt(() => {
-    const o = (x) => {
-      if (N && C > 0) {
-        const g = ot.current - x.clientX, $ = it.current + g;
-        gt(Math.max(0, Math.min(C, $)));
+  xt(() => {
+    const e = (d) => {
+      if (G.current && k > 0) {
+        const u = lt.current - d.clientX, W = ct.current + u;
+        it(Math.max(0, Math.min(k, W)));
       }
     }, t = () => {
-      nt(!1);
-    }, f = (x) => {
-      if (x.touches.length === 1 && N && C > 0) {
-        x.preventDefault();
-        const g = ot.current - x.touches[0].clientX, $ = it.current + g;
-        gt(Math.max(0, Math.min(C, $)));
+      G.current = !1, at(!1);
+    }, g = (d) => {
+      if (d.touches.length === 1 && G.current && k > 0) {
+        d.preventDefault();
+        const u = lt.current - d.touches[0].clientX, W = ct.current + u;
+        it(Math.max(0, Math.min(k, W)));
       }
-    }, O = () => {
-      nt(!1);
+    }, F = () => {
+      G.current = !1, at(!1);
+    };
+    return Ct && (window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), window.addEventListener("touchmove", g, {
+      passive: !1
+    }), window.addEventListener("touchend", F)), () => {
+      window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t), window.removeEventListener("touchmove", g), window.removeEventListener("touchend", F);
+    };
+  }, [Ct, k]);
+  const Pt = P(
+    (e) => {
+      const t = Zt.current;
+      if (!t || k <= 0) return;
+      const g = t.getBoundingClientRect(), F = g.width, d = Z / rt * F, u = F - d;
+      if (u <= 0) return;
+      const B = e - g.left - d / 2, j = Math.max(0, Math.min(1, B / u));
+      it(j * k);
+    },
+    [k, Z, rt]
+  ), ve = P((e) => {
+    e.preventDefault(), e.stopPropagation(), dt.current = !0, At(!0);
+  }, []), Se = P((e) => {
+    e.stopPropagation(), e.touches.length === 1 && (dt.current = !0, At(!0));
+  }, []);
+  return xt(() => {
+    const e = (d) => {
+      dt.current && Pt(d.clientX);
+    }, t = () => {
+      dt.current = !1, At(!1);
+    }, g = (d) => {
+      d.touches.length === 1 && dt.current && (d.preventDefault(), Pt(d.touches[0].clientX));
+    }, F = () => {
+      dt.current = !1, At(!1);
     };
-    return N && (window.addEventListener("mousemove", o), window.addEventListener("mouseup", t), window.addEventListener("touchmove", f, {
+    return Et && (window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), window.addEventListener("touchmove", g, {
       passive: !1
-    }), window.addEventListener("touchend", O)), () => {
-      window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", t), window.removeEventListener("touchmove", f), window.removeEventListener("touchend", O);
+    }), window.addEventListener("touchend", F)), () => {
+      window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t), window.removeEventListener("touchmove", g), window.removeEventListener("touchend", F);
     };
-  }, [N, C]), bt(() => {
-    ut();
-  }, [ut]), bt(() => {
-    const o = () => {
-      ut();
+  }, [Et, Pt]), xt(() => {
+    Tt();
+  }, [Tt]), xt(() => {
+    const e = () => {
+      Tt();
     };
-    window.addEventListener("resize", o);
+    window.addEventListener("resize", e);
     const t = new ResizeObserver(() => {
-      ut();
+      Tt();
     });
-    return Tt.current && t.observe(Tt.current), () => {
-      window.removeEventListener("resize", o), t.disconnect();
+    return jt.current && t.observe(jt.current), () => {
+      window.removeEventListener("resize", e), t.disconnect();
     };
-  }, [ut]), /* @__PURE__ */ r.jsxs(
+  }, [Tt]), /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: Tt,
-      className: F,
+      ref: jt,
+      className: b,
       style: {
         position: "relative",
         width: "100%",
@@ -723,10 +797,10 @@ function Te({
         overflow: "hidden",
         touchAction: "pan-x pan-y",
         // Permite gestos de pan (scroll) em mobile
-        ...S
+        ...v
       },
       children: [
-        D && /* @__PURE__ */ r.jsxs(
+        S && /* @__PURE__ */ a.jsxs(
           "div",
           {
             style: {
@@ -734,14 +808,14 @@ function Te({
               justifyContent: "flex-end",
               gap: c === "sm" ? 6 : 8,
               paddingBottom: 8,
-              paddingRight: e.padding.right
+              paddingRight: s.padding.right
             },
             children: [
-              /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ a.jsx(
                 "button",
                 {
                   type: "button",
-                  onClick: () => Ot((o) => Math.max(0, o - 1)),
+                  onClick: () => Ut((e) => Math.max(0, e - 1)),
                   style: {
                     width: c === "sm" ? 36 : 44,
                     height: c === "sm" ? 36 : 44,
@@ -749,7 +823,7 @@ function Te({
                     minHeight: c === "sm" ? 36 : 44,
                     borderRadius: 999,
                     border: "1px solid rgba(0,0,0,0.16)",
-                    background: a.config.theme === "dark" ? "rgba(38,50,56,0.9)" : "rgba(255,255,255,0.9)",
+                    background: i.config.theme === "dark" ? "rgba(38,50,56,0.9)" : "rgba(255,255,255,0.9)",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
@@ -762,12 +836,12 @@ function Te({
                   children: "-"
                 }
               ),
-              /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ a.jsx(
                 "button",
                 {
                   type: "button",
-                  onClick: () => Ot(
-                    (o) => Math.min(Ft.length - 1, o + 1)
+                  onClick: () => Ut(
+                    (e) => Math.min(Lt.length - 1, e + 1)
                   ),
                   style: {
                     width: c === "sm" ? 36 : 44,
@@ -776,7 +850,7 @@ function Te({
                     minHeight: c === "sm" ? 36 : 44,
                     borderRadius: 999,
                     border: "1px solid rgba(0,0,0,0.16)",
-                    background: a.config.theme === "dark" ? "rgba(38,50,56,0.9)" : "rgba(255,255,255,0.9)",
+                    background: i.config.theme === "dark" ? "rgba(38,50,56,0.9)" : "rgba(255,255,255,0.9)",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
@@ -789,11 +863,11 @@ function Te({
                   children: "+"
                 }
               ),
-              /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ a.jsx(
                 "button",
                 {
                   type: "button",
-                  onClick: () => It((o) => !o),
+                  onClick: () => zt((e) => !e),
                   style: {
                     width: c === "sm" ? 36 : 44,
                     height: c === "sm" ? 36 : 44,
@@ -801,14 +875,14 @@ function Te({
                     minHeight: c === "sm" ? 36 : 44,
                     borderRadius: 999,
                     border: "1px solid rgba(0,0,0,0.16)",
-                    background: Y ? a.config.theme === "dark" ? "rgba(38,50,56,0.9)" : "rgba(255,255,255,0.9)" : a.config.theme === "dark" ? "rgba(0,0,0,0.7)" : "rgba(0,0,0,0.5)",
+                    background: Y ? i.config.theme === "dark" ? "rgba(38,50,56,0.9)" : "rgba(255,255,255,0.9)" : i.config.theme === "dark" ? "rgba(0,0,0,0.7)" : "rgba(0,0,0,0.5)",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
                     fontSize: c === "sm" ? 14 : 16,
                     cursor: "pointer",
                     boxShadow: "0 1px 2px rgba(0,0,0,0.25)",
-                    color: Y ? a.config.theme === "dark" ? "#ECEFF1" : "#263238" : "#FFFFFF",
+                    color: Y ? i.config.theme === "dark" ? "#ECEFF1" : "#263238" : "#FFFFFF",
                     fontWeight: "bold",
                     touchAction: "manipulation",
                     WebkitTapHighlightColor: "transparent"
@@ -817,11 +891,11 @@ function Te({
                   children: "S"
                 }
               ),
-              a.timeline.dailyConsumptionAverage && /* @__PURE__ */ r.jsx(
+              i.timeline.dailyConsumptionAverage && /* @__PURE__ */ a.jsx(
                 "button",
                 {
                   type: "button",
-                  onClick: () => Kt((o) => !o),
+                  onClick: () => ce((e) => !e),
                   style: {
                     width: c === "sm" ? 36 : 44,
                     height: c === "sm" ? 36 : 44,
@@ -829,84 +903,96 @@ function Te({
                     minHeight: c === "sm" ? 36 : 44,
                     borderRadius: 999,
                     border: "1px solid rgba(0,0,0,0.16)",
-                    background: ht ? a.config.theme === "dark" ? "rgba(0,0,0,0.7)" : "rgba(0,0,0,0.5)" : a.config.theme === "dark" ? "rgba(38,50,56,0.9)" : "rgba(255,255,255,0.9)",
+                    background: vt ? i.config.theme === "dark" ? "rgba(0,0,0,0.7)" : "rgba(0,0,0,0.5)" : i.config.theme === "dark" ? "rgba(38,50,56,0.9)" : "rgba(255,255,255,0.9)",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
                     fontSize: c === "sm" ? 14 : 16,
                     cursor: "pointer",
                     boxShadow: "0 1px 2px rgba(0,0,0,0.25)",
-                    color: ht ? "#FFFFFF" : a.config.theme === "dark" ? "#ECEFF1" : "#263238",
+                    color: vt ? "#FFFFFF" : i.config.theme === "dark" ? "#ECEFF1" : "#263238",
                     fontWeight: "bold",
                     touchAction: "manipulation",
                     WebkitTapHighlightColor: "transparent"
                   },
-                  title: ht ? "Ocultar linha de consumo" : "Mostrar linha de consumo",
+                  title: vt ? "Ocultar linha de consumo" : "Mostrar linha de consumo",
                   children: "C"
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ r.jsxs(
+        /* @__PURE__ */ a.jsxs(
           "div",
           {
             style: {
               position: "relative",
               width: "100%",
-              minHeight: C > 0 ? e.height + 22 : e.height
+              minHeight: k > 0 ? s.height + 8 + 15 : s.height
             },
             children: [
-              /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ a.jsx(
                 "canvas",
                 {
-                  ref: Z,
-                  onMouseMove: oe,
-                  onMouseLeave: ie,
-                  onMouseDown: ee,
-                  onMouseUp: se,
-                  onTouchStart: ne,
-                  onTouchMove: ae,
-                  onTouchEnd: re,
+                  ref: ot,
+                  onMouseMove: pe,
+                  onMouseLeave: fe,
+                  onMouseDown: he,
+                  onMouseUp: xe,
+                  onTouchStart: me,
+                  onTouchMove: be,
+                  onTouchEnd: ye,
                   style: {
                     width: "100%",
-                    height: `${e.height}px`,
+                    height: `${s.height}px`,
                     display: "block",
-                    cursor: C > 0 ? N ? "grabbing" : "grab" : "pointer",
+                    cursor: k > 0 ? Ct ? "grabbing" : "grab" : "pointer",
                     touchAction: "pan-x"
                   }
                 }
               ),
-              C > 0 && /* @__PURE__ */ r.jsx(
+              k > 0 && /* @__PURE__ */ a.jsx(
                 "div",
                 {
+                  ref: Zt,
                   style: {
                     position: "absolute",
-                    top: e.height + 8,
-                    left: e.padding.left,
-                    right: e.padding.right,
-                    height: 6,
-                    backgroundColor: a.config.theme === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)",
-                    borderRadius: 3,
-                    cursor: "pointer"
+                    top: s.height + 8,
+                    left: 0,
+                    right: 0,
+                    height: 15,
+                    backgroundColor: i.config.theme === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)",
+                    borderRadius: 7.5,
+                    cursor: "pointer",
+                    display: "flex",
+                    alignItems: "center"
                   },
-                  onClick: (o) => {
-                    const t = o.currentTarget.getBoundingClientRect(), O = (o.clientX - t.left) / t.width;
-                    gt(O * C);
+                  onClick: (e) => {
+                    if (e.target !== e.currentTarget) return;
+                    const t = e.currentTarget.getBoundingClientRect(), F = (e.clientX - t.left) / t.width;
+                    it(F * k);
                   },
-                  children: /* @__PURE__ */ r.jsx(
+                  children: /* @__PURE__ */ a.jsx(
                     "div",
                     {
+                      role: "slider",
+                      "aria-valuenow": q,
+                      "aria-valuemin": 0,
+                      "aria-valuemax": k,
+                      onMouseDown: ve,
+                      onTouchStart: Se,
                       style: {
                         position: "absolute",
-                        top: 0,
-                        left: `${C > 0 ? U / C * 100 : 0}%`,
-                        width: `${Math.max(10, St / Dt * 100)}%`,
+                        top: "50%",
+                        transform: "translateY(-50%)",
+                        width: `${Math.max(10, Z / rt * 100)}%`,
+                        left: `${k > 0 ? q / k * (100 - Math.max(10, Z / rt * 100)) : 0}%`,
                         maxWidth: "100%",
-                        height: "100%",
-                        backgroundColor: a.config.theme === "dark" ? "rgba(255,255,255,0.4)" : "rgba(0,0,0,0.3)",
-                        borderRadius: 3,
-                        transition: N ? "none" : "left 0.1s ease-out"
+                        height: 9,
+                        backgroundColor: i.config.theme === "dark" ? "rgba(255,255,255,0.4)" : "rgba(0,0,0,0.3)",
+                        borderRadius: 4.5,
+                        cursor: Et ? "grabbing" : "grab",
+                        transition: Ct || Et ? "none" : "left 0.1s ease-out"
                       }
                     }
                   )
@@ -915,16 +1001,16 @@ function Te({
             ]
           }
         ),
-        y.isHovering && (y.dateAtCursor || y.hoveredSection === "alertIcon") && typeof document < "u" && pe(
-          /* @__PURE__ */ r.jsx(
+        T.isHovering && (T.dateAtCursor || T.hoveredSection === "alertIcon") && typeof document < "u" && De(
+          /* @__PURE__ */ a.jsx(
             "div",
             {
               style: {
                 position: "fixed",
-                left: `${Pt.x}px`,
-                top: `${Pt.y}px`,
-                backgroundColor: u.tooltipBackground,
-                color: u.tooltipText,
+                left: `${qt.x}px`,
+                top: `${qt.y}px`,
+                backgroundColor: p.tooltipBackground,
+                color: p.tooltipText,
                 padding: "6px 10px",
                 borderRadius: "6px",
                 fontSize: "10px",
@@ -934,84 +1020,85 @@ function Te({
                 transform: "translate(-50%, calc(-100% - 10px))",
                 whiteSpace: "nowrap"
               },
-              children: y.hoveredSection === "alertIcon" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                /* @__PURE__ */ r.jsx("div", { style: { fontWeight: "bold", marginBottom: "4px" }, children: H.title }),
-                /* @__PURE__ */ r.jsx("div", { children: H.message })
-              ] }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                /* @__PURE__ */ r.jsx("div", { style: { fontWeight: "bold", marginBottom: "4px" }, children: y.dateAtCursor && et(y.dateAtCursor) }),
-                y.dateAtCursor && !y.hoveredSection && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                  /* @__PURE__ */ r.jsx("div", { style: { marginBottom: 2 }, children: _t[y.dateAtCursor.getDay()] }),
-                  /* @__PURE__ */ r.jsxs("div", { children: [
+              children: T.hoveredSection === "alertIcon" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+                /* @__PURE__ */ a.jsx("div", { style: { fontWeight: "bold", marginBottom: "4px" }, children: H.title }),
+                /* @__PURE__ */ a.jsx("div", { children: H.message })
+              ] }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+                /* @__PURE__ */ a.jsx("div", { style: { fontWeight: "bold", marginBottom: "4px" }, children: T.dateAtCursor && ge(T.dateAtCursor) }),
+                T.dateAtCursor && !T.hoveredSection && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+                  /* @__PURE__ */ a.jsx("div", { style: { marginBottom: 2 }, children: re[T.dateAtCursor.getDay()] }),
+                  /* @__PURE__ */ a.jsxs("div", { children: [
                     "Consumo médio:",
                     " ",
                     (() => {
-                      const o = y.dateAtCursor.getDay(), t = Qt(o);
+                      const e = T.dateAtCursor.getDay(), t = ae(e);
                       return t !== null ? `${t.toFixed(2)}` : "0.0";
                     })()
                   ] })
                 ] }),
-                y.hoveredSection === "stock" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                  /* @__PURE__ */ r.jsxs("div", { style: { marginBottom: 2 }, children: [
-                    et(w),
-                    " — ",
-                    et(T)
+                T.hoveredSection === "stock" && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+                  /* @__PURE__ */ a.jsxs("div", { style: { marginBottom: 2 }, children: [
+                    St(M),
+                    " —",
+                    " ",
+                    St(C)
                   ] }),
-                  /* @__PURE__ */ r.jsxs("div", { children: [
+                  /* @__PURE__ */ a.jsxs("div", { children: [
                     "Estoque disponível até ",
-                    et(T)
+                    St(C)
                   ] }),
-                  /* @__PURE__ */ r.jsx("div", { style: { marginTop: 2 }, children: (() => {
-                    const o = Math.max(
+                  /* @__PURE__ */ a.jsx("div", { style: { marginTop: 2 }, children: (() => {
+                    const e = Math.max(
                       0,
                       Math.round(
-                        (T.getTime() - w.getTime()) / M
+                        (C.getTime() - M.getTime()) / A
                       )
-                    ), t = a.timeline.stockWeightKg ?? a.timeline.restockSuggestionWeight;
-                    return `${o} dia(s) de estoque${t ? ` • ${t} kg` : ""}`;
+                    ), t = i.timeline.stockWeightKg ?? i.timeline.restockSuggestionWeight;
+                    return `${e} dia(s) de estoque${t ? ` • ${t} ${Ft}` : ""}`;
                   })() })
                 ] }),
-                y.hoveredSection === "suggestion" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                  /* @__PURE__ */ r.jsx("div", { style: { marginBottom: 2 }, children: (() => {
-                    const o = new Date(
+                T.hoveredSection === "suggestion" && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+                  /* @__PURE__ */ a.jsx("div", { style: { marginBottom: 2 }, children: (() => {
+                    const e = new Date(
                       Math.max(
-                        P.getTime(),
-                        T.getTime()
+                        I.getTime(),
+                        C.getTime()
                       )
                     );
-                    return `${et(o)} — ${et(z)}`;
+                    return `${St(e)} — ${St(U)}`;
                   })() }),
-                  /* @__PURE__ */ r.jsx("div", { children: "Período crítico para compra" }),
-                  /* @__PURE__ */ r.jsx("div", { style: { marginTop: 2 }, children: (() => {
-                    const o = new Date(
+                  /* @__PURE__ */ a.jsx("div", { children: "Período crítico para compra" }),
+                  /* @__PURE__ */ a.jsx("div", { style: { marginTop: 2 }, children: (() => {
+                    const e = new Date(
                       Math.max(
-                        P.getTime(),
-                        T.getTime()
+                        I.getTime(),
+                        C.getTime()
                       )
                     ), t = Math.max(
                       0,
                       Math.round(
-                        (z.getTime() - o.getTime()) / M
+                        (U.getTime() - e.getTime()) / A
                       )
-                    ), f = a.timeline.restockSuggestionWeight;
-                    return `${t} dia(s) de sugestão${f ? ` • ${f} kg` : ""}`;
+                    ), g = i.timeline.restockSuggestionWeight;
+                    return `${t} dia(s) de sugestão${g ? ` • ${g} ${Ft}` : ""}`;
                   })() })
                 ] }),
-                y.hoveredSection === "selectedQty" && typeof j == "number" && typeof p == "number" && /* @__PURE__ */ r.jsxs("div", { children: [
+                T.hoveredSection === "selectedQty" && typeof w == "number" && typeof m == "number" && /* @__PURE__ */ a.jsxs("div", { children: [
                   "O estoque selecionado de ",
-                  j,
+                  w,
                   " deve durar",
                   " ",
-                  p % 1 === 0 ? p : p.toFixed(1),
+                  m % 1 === 0 ? m : m.toFixed(1),
                   " ",
                   "dia",
-                  p === 1 ? "" : "s"
+                  m === 1 ? "" : "s"
                 ] })
               ] })
             }
           ),
           document.body
         ),
-        B && /* @__PURE__ */ r.jsxs(
+        E && /* @__PURE__ */ a.jsxs(
           "div",
           {
             style: {
@@ -1020,88 +1107,88 @@ function Te({
               flexWrap: "wrap",
               justifyContent: "flex-end",
               gap: "8px",
-              backgroundColor: u.legendBackground,
+              backgroundColor: p.legendBackground,
               padding: "8px 10px",
               marginTop: "8px",
               borderRadius: "4px",
               fontSize: "10px",
-              color: u.textPrimary
+              color: p.textPrimary
             },
             children: [
-              /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
-                /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                /* @__PURE__ */ a.jsx(
                   "div",
                   {
                     style: {
                       width: "10px",
                       height: "10px",
-                      backgroundColor: u.stockPast,
+                      backgroundColor: p.stockPast,
                       borderRadius: "2px"
                     }
                   }
                 ),
-                /* @__PURE__ */ r.jsx("span", { children: "Estoque Passado" })
+                /* @__PURE__ */ a.jsx("span", { children: "Estoque Passado" })
               ] }),
-              /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
-                /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                /* @__PURE__ */ a.jsx(
                   "div",
                   {
                     style: {
                       width: "10px",
                       height: "10px",
-                      backgroundColor: u.stockFuture,
+                      backgroundColor: p.stockFuture,
                       borderRadius: "2px"
                     }
                   }
                 ),
-                /* @__PURE__ */ r.jsx("span", { children: "Previsão Estoque" })
+                /* @__PURE__ */ a.jsx("span", { children: "Previsão Estoque" })
               ] }),
-              Y && /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
-                /* @__PURE__ */ r.jsx(
+              Y && /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                /* @__PURE__ */ a.jsx(
                   "div",
                   {
                     style: {
                       width: "10px",
                       height: "10px",
-                      backgroundColor: u.alert,
+                      backgroundColor: p.alert,
                       borderRadius: "2px"
                     }
                   }
                 ),
-                /* @__PURE__ */ r.jsx("span", { children: "Sugestão Compra" })
+                /* @__PURE__ */ a.jsx("span", { children: "Sugestão Compra" })
               ] }),
-              /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
-                /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                /* @__PURE__ */ a.jsx(
                   "div",
                   {
                     style: {
                       width: "2px",
                       height: "10px",
-                      borderLeft: `2px dashed ${u.deliveryBar}`,
+                      borderLeft: `2px dashed ${p.deliveryBar}`,
                       marginLeft: "4px",
                       marginRight: "4px"
                     }
                   }
                 ),
-                /* @__PURE__ */ r.jsx("span", { children: "Data Entrega" })
+                /* @__PURE__ */ a.jsx("span", { children: "Data Entrega" })
               ] }),
-              typeof p == "number" && p > 0 && typeof j == "number" && /* @__PURE__ */ r.jsxs(
+              typeof m == "number" && m > 0 && typeof w == "number" && /* @__PURE__ */ a.jsxs(
                 "div",
                 {
                   style: { display: "flex", alignItems: "center", gap: "6px" },
                   children: [
-                    /* @__PURE__ */ r.jsx(
+                    /* @__PURE__ */ a.jsx(
                       "div",
                       {
                         style: {
                           width: "10px",
                           height: "5px",
-                          backgroundColor: u.selectedQtyBar,
+                          backgroundColor: p.selectedQtyBar,
                           borderRadius: "2px"
                         }
                       }
                     ),
-                    /* @__PURE__ */ r.jsx("span", { children: "Qtd. Selecionada" })
+                    /* @__PURE__ */ a.jsx("span", { children: "Qtd. Selecionada" })
                   ]
                 }
               )
@@ -1113,6 +1200,6 @@ function Te({
   );
 }
 export {
-  Te as StockLeadTime
+  Be as StockLeadTime
 };
 //# sourceMappingURL=index18.js.map