eatopia-ds 0.0.949 → 0.0.950

package/build/index10.js

@@ -1,37 +1,37 @@
 import { j as n } from "./index24.js";
-import Me, { useState as v, useEffect as U, useMemo as M } from "react";
-import { StockLeadTime as Ee } from "./index18.js";
-import { calculateConsumptionForecast as pe, calculateTotalConsumptionForRange as Pe } from "./index21.js";
+import Ee, { useState as j, useEffect as U, useMemo as E } from "react";
+import { StockLeadTime as Me } from "./index18.js";
+import { calculateConsumptionForecast as me, calculateTotalConsumptionForRange as Pe } from "./index21.js";
 import { AlertIcon as We } from "./index23.js";
-const be = [1, 2, 3, 7, 10, 15, 30, 60, 90], y = (o) => {
-  const p = o.getFullYear(), j = String(o.getMonth() + 1).padStart(2, "0"), c = String(o.getDate()).padStart(2, "0");
-  return `${p}-${j}-${c}`;
-}, F = (o) => {
-  const p = o.split("-").map(Number);
-  return p.length !== 3 || p.some(Number.isNaN) ? /* @__PURE__ */ new Date(NaN) : new Date(p[0], p[1] - 1, p[2]);
+const be = [1, 2, 3, 7, 10, 15, 30, 60, 90], v = (o) => {
+  const m = o.getFullYear(), k = String(o.getMonth() + 1).padStart(2, "0"), d = String(o.getDate()).padStart(2, "0");
+  return `${m}-${k}-${d}`;
+}, S = (o) => {
+  const m = o.split("-").map(Number);
+  return m.length !== 3 || m.some(Number.isNaN) ? /* @__PURE__ */ new Date(NaN) : new Date(m[0], m[1] - 1, m[2]);
 }, Re = () => {
   const o = /* @__PURE__ */ new Date();
-  return o.setDate(o.getDate() + 1), o.setHours(0, 0, 0, 0), y(o);
+  return o.setDate(o.getDate() + 1), o.setHours(0, 0, 0, 0), v(o);
 }, _ = () => {
   const o = /* @__PURE__ */ new Date();
   return o.setDate(o.getDate() + 1), o.setHours(0, 0, 0, 0), o;
 }, xe = (o) => o <= 0 ? 7 : be.reduce(
-  (p, j) => Math.abs(j - o) < Math.abs(p - o) ? j : p
+  (m, k) => Math.abs(k - o) < Math.abs(m - o) ? k : m
 );
 function Oe({
   data: o,
-  onSubmit: p,
-  onCancel: j,
-  timelineData: c,
-  fornecedoresOptions: Le,
-  marcasOptions: ze,
+  onSubmit: m,
+  onCancel: k,
+  timelineData: d,
+  fornecedoresOptions: ze,
+  marcasOptions: Le,
   embalagensOptions: He,
   dailyConsumptionAverages: x,
   showSuggestionBar: ye = !0,
   showLegendTimeline: he = !1
 }) {
-  var J, X, Z, ee, te, ne, oe, re, se, ie, ae, le, de, ce, ue, fe;
-  Me.useEffect(() => {
+  var J, X, Z, ee, te, ne, oe, re, se, ie, ae, le, ce, de, ue, fe;
+  Ee.useEffect(() => {
     const e = document.createElement("style");
     return e.textContent = `
       .order-form-quantity-input::-webkit-outer-spin-button,
@@ -46,7 +46,7 @@ function Oe({
       document.head.removeChild(e);
     };
   }, []);
-  const [I, ve] = v(!1);
+  const [q, ve] = j(!1);
   U(() => {
     const e = () => {
       ve(window.innerWidth <= 768);
@@ -54,24 +54,24 @@ function Oe({
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
   const V = () => {
-    if (!(c != null && c.timeline)) return 0;
-    const { restockSuggestionStart: e, restockSuggestionEnd: s } = c.timeline;
+    if (!(d != null && d.timeline)) return 0;
+    const { restockSuggestionStart: e, restockSuggestionEnd: s } = d.timeline;
     if (!e || !s) return 0;
-    const r = new Date(e), l = new Date(s).getTime() - r.getTime(), d = Math.ceil(l / (1e3 * 60 * 60 * 24));
-    return d > 0 ? d : 0;
+    const r = new Date(e), l = new Date(s).getTime() - r.getTime(), c = Math.ceil(l / (1e3 * 60 * 60 * 24));
+    return c > 0 ? c : 0;
   }, je = () => {
     var i;
-    const e = _(), s = (i = c == null ? void 0 : c.timeline) == null ? void 0 : i.stockEndDate;
-    if (!s) return y(e);
-    const r = F(s);
-    return isNaN(r.getTime()) || r < e ? y(e) : y(r);
+    const e = _(), s = (i = d == null ? void 0 : d.timeline) == null ? void 0 : i.stockEndDate;
+    if (!s) return v(e);
+    const r = S(s);
+    return isNaN(r.getTime()) || r < e ? v(e) : v(r);
   }, ke = () => xe(V()), g = (() => {
-    var i, l, d;
+    var i, l, c;
     const e = (i = o == null ? void 0 : o.fornecedores) == null ? void 0 : i[0];
     if (!e) return null;
     const s = V();
     if (!x || s <= 0) {
-      const u = (l = e.marcas) == null ? void 0 : l[0], f = (d = u == null ? void 0 : u.embalagens) == null ? void 0 : d[0];
+      const u = (l = e.marcas) == null ? void 0 : l[0], f = (c = u == null ? void 0 : u.embalagens) == null ? void 0 : c[0];
       return u && f ? {
         marca: u.nome,
         embalagem: f.label,
@@ -82,23 +82,23 @@ function Oe({
     let r = null;
     for (const u of e.marcas || [])
       for (const f of u.embalagens || []) {
-        const m = f.quantidade_fornecedor;
-        if (!(m <= 0))
-          for (let b = 1; b <= 100; b++) {
-            const ge = b * m, H = pe({
+        const p = f.quantidade_fornecedor;
+        if (!(p <= 0))
+          for (let h = 1; h <= 100; h++) {
+            const ge = h * p, H = me({
               dailyAverages: x,
               startDate: /* @__PURE__ */ new Date(),
               totalQuantity: ge
             });
             if (H.totalDays >= s) {
-              const me = b * f.valor_unitario * m, N = H.totalDays - s;
-              (!r || N < r.daysDifference || N === r.daysDifference && me < r.totalValue) && (r = {
+              const pe = h * f.valor_unitario * p, N = H.totalDays - s;
+              (!r || N < r.daysDifference || N === r.daysDifference && pe < r.totalValue) && (r = {
                 marca: u.nome,
                 embalagem: f.label,
-                quantidade: b,
+                quantidade: h,
                 valorUnitario: f.valor_unitario,
                 totalKg: ge,
-                totalValue: me,
+                totalValue: pe,
                 days: H.totalDays,
                 daysDifference: N
               });
@@ -112,45 +112,45 @@ function Oe({
       valorUnitario: r.valorUnitario
     } : null;
   })(), qe = () => {
-    var i, l, d;
+    var i, l, c;
     if (g)
       return g.valorUnitario;
     const e = (i = o == null ? void 0 : o.fornecedores) == null ? void 0 : i[0];
     if (!e) return 0;
     const s = (l = e.marcas) == null ? void 0 : l[0];
     if (!s) return 0;
-    const r = (d = s.embalagens) == null ? void 0 : d[0];
+    const r = (c = s.embalagens) == null ? void 0 : c[0];
     return (r == null ? void 0 : r.valor_unitario) ?? 0;
-  }, E = o.unidade_medida ?? "kg", Ce = ((J = o.ultima_compra) == null ? void 0 : J.unidade) ?? o.unidade_medida ?? "kg", [a, Q] = v({
+  }, M = o.unidade_medida ?? "kg", Ce = ((J = o.ultima_compra) == null ? void 0 : J.unidade) ?? o.unidade_medida ?? "kg", [a, Q] = j({
     ...o,
     qtdPedido: (g == null ? void 0 : g.quantidade) ?? (o == null ? void 0 : o.qtdPedido) ?? 0,
     valorTotal: (o == null ? void 0 : o.valorTotal) ?? ((g == null ? void 0 : g.quantidade) ?? (o == null ? void 0 : o.qtdPedido) ?? 0) * qe()
-  }), [we, Y] = v(
+  }), [we, Y] = j(
     ((Z = (X = o == null ? void 0 : o.fornecedores) == null ? void 0 : X[0]) == null ? void 0 : Z.nome) ?? ""
-  ), [k, S] = v(
+  ), [C, I] = j(
     (g == null ? void 0 : g.marca) ?? ((oe = (ne = (te = (ee = o == null ? void 0 : o.fornecedores) == null ? void 0 : ee[0]) == null ? void 0 : te.marcas) == null ? void 0 : ne[0]) == null ? void 0 : oe.nome) ?? ""
-  ), [w, B] = v(
-    (g == null ? void 0 : g.embalagem) ?? ((de = (le = (ae = (ie = (se = (re = o == null ? void 0 : o.fornecedores) == null ? void 0 : re[0]) == null ? void 0 : se.marcas) == null ? void 0 : ie[0]) == null ? void 0 : ae.embalagens) == null ? void 0 : le[0]) == null ? void 0 : de.label) ?? ""
-  ), [P, O] = v(
+  ), [F, B] = j(
+    (g == null ? void 0 : g.embalagem) ?? ((ce = (le = (ae = (ie = (se = (re = o == null ? void 0 : o.fornecedores) == null ? void 0 : re[0]) == null ? void 0 : se.marcas) == null ? void 0 : ie[0]) == null ? void 0 : ae.embalagens) == null ? void 0 : le[0]) == null ? void 0 : ce.label) ?? ""
+  ), [P, O] = j(
     je
-  ), [W, A] = v(ke);
+  ), [W, A] = j(ke);
   U(() => {
-    var d, u, f;
-    const e = _(), s = (d = c == null ? void 0 : c.timeline) == null ? void 0 : d.stockEndDate;
+    var c, u, f;
+    const e = _(), s = (c = d == null ? void 0 : d.timeline) == null ? void 0 : c.stockEndDate;
     let r;
     if (s) {
-      const m = F(s);
-      r = isNaN(m.getTime()) || m < e ? y(e) : y(m);
+      const p = S(s);
+      r = isNaN(p.getTime()) || p < e ? v(e) : v(p);
     } else
-      r = y(e);
+      r = v(e);
     let i = 0;
-    if ((u = c == null ? void 0 : c.timeline) != null && u.restockSuggestionStart && ((f = c == null ? void 0 : c.timeline) != null && f.restockSuggestionEnd)) {
-      const m = F(c.timeline.restockSuggestionStart), b = F(c.timeline.restockSuggestionEnd);
-      !isNaN(m.getTime()) && !isNaN(b.getTime()) && (i = Math.ceil((b.getTime() - m.getTime()) / (1e3 * 60 * 60 * 24)) || 0);
+    if ((u = d == null ? void 0 : d.timeline) != null && u.restockSuggestionStart && ((f = d == null ? void 0 : d.timeline) != null && f.restockSuggestionEnd)) {
+      const p = S(d.timeline.restockSuggestionStart), h = S(d.timeline.restockSuggestionEnd);
+      !isNaN(p.getTime()) && !isNaN(h.getTime()) && (i = Math.ceil((h.getTime() - p.getTime()) / (1e3 * 60 * 60 * 24)) || 0);
     }
     const l = xe(i);
     O(r), A(l);
-  }, [c, o]), U(() => {
+  }, [d, o]), U(() => {
     var s, r, i;
     if (g) return;
     const e = (s = o == null ? void 0 : o.fornecedores) == null ? void 0 : s[0];
@@ -158,34 +158,34 @@ function Oe({
       Y(e.nome);
       const l = (r = e.marcas) == null ? void 0 : r[0];
       if (l) {
-        S(l.nome);
-        const d = (i = l.embalagens) == null ? void 0 : i[0];
-        d && B(d.label);
+        I(l.nome);
+        const c = (i = l.embalagens) == null ? void 0 : i[0];
+        c && B(c.label);
       }
     }
   }, [o, g]);
-  const D = M(() => {
-    var l, d, u;
+  const D = E(() => {
+    var l, c, u;
     const e = (l = a.fornecedores) == null ? void 0 : l[0];
     if (!e) return 0;
-    const s = (d = e.marcas) == null ? void 0 : d.find((f) => f.nome === k);
+    const s = (c = e.marcas) == null ? void 0 : c.find((f) => f.nome === C);
     if (!s) return 0;
     const r = (u = s.embalagens) == null ? void 0 : u.find(
-      (f) => f.label === w
+      (f) => f.label === F
     ), i = (r == null ? void 0 : r.quantidade_fornecedor) ?? 0;
     return a.qtdPedido * i;
   }, [
     a.qtdPedido,
     a.fornecedores,
-    k,
-    w
-  ]), R = M(() => !x || D <= 0 ? null : pe({
+    C,
+    F
+  ]), R = E(() => !x || D <= 0 ? null : me({
     dailyAverages: x,
     startDate: /* @__PURE__ */ new Date(),
     totalQuantity: D
-  }), [x, D]), q = (R == null ? void 0 : R.totalDays) ?? 0, h = M(() => {
+  }), [x, D]), w = (R == null ? void 0 : R.totalDays) ?? 0, b = E(() => {
     if (!x) return 0;
-    const e = _(), s = F(P);
+    const e = _(), s = S(P);
     if (isNaN(s.getTime())) return 0;
     const r = s < e ? e : s;
     return Pe(
@@ -193,25 +193,25 @@ function Oe({
       r,
       W
     );
-  }, [x, P, W]), $ = M(() => {
-    if (c)
+  }, [x, P, W]), $ = E(() => {
+    if (d)
       return {
-        ...c,
+        ...d,
         timeline: {
-          ...c.timeline,
+          ...d.timeline,
           dailyConsumptionAverage: x
         }
       };
-  }, [c, x]);
+  }, [d, x]);
   if (!o)
     return null;
   const G = () => {
     var r, i, l;
     const e = (r = a.fornecedores) == null ? void 0 : r[0];
     if (!e) return null;
-    const s = (i = e.marcas) == null ? void 0 : i.find((d) => d.nome === k);
-    return s ? ((l = s.embalagens) == null ? void 0 : l.find((d) => d.label === w)) ?? null : null;
-  }, L = () => {
+    const s = (i = e.marcas) == null ? void 0 : i.find((c) => c.nome === C);
+    return s ? ((l = s.embalagens) == null ? void 0 : l.find((c) => c.label === F)) ?? null : null;
+  }, z = () => {
     var e;
     return ((e = G()) == null ? void 0 : e.valor_unitario) ?? 0;
   }, K = (e) => {
@@ -220,70 +220,70 @@ function Oe({
       /\B(?=(\d{3})+(?!\d))/g,
       "."
     )},${i}`;
-  }, C = () => {
+  }, y = () => {
     var e;
     return ((e = G()) == null ? void 0 : e.quantidade_fornecedor) ?? 0;
   }, T = (e) => {
-    const s = L(), r = e * s;
+    const s = z(), r = e * s;
     Q((i) => ({
       ...i,
       qtdPedido: e,
       valorTotal: r
     }));
-  }, z = (e) => {
-    var d, u, f;
+  }, L = (e) => {
+    var c, u, f;
     B(e);
-    const s = (d = a.fornecedores) == null ? void 0 : d[0];
+    const s = (c = a.fornecedores) == null ? void 0 : c[0];
     if (!s) return;
-    const r = (u = s.marcas) == null ? void 0 : u.find((m) => m.nome === k);
+    const r = (u = s.marcas) == null ? void 0 : u.find((p) => p.nome === C);
     if (!r) return;
-    const i = (f = r.embalagens) == null ? void 0 : f.find((m) => m.label === e);
+    const i = (f = r.embalagens) == null ? void 0 : f.find((p) => p.label === e);
     if (!i) return;
     const l = a.qtdPedido * (i.valor_unitario ?? 0);
-    Q((m) => ({
-      ...m,
+    Q((p) => ({
+      ...p,
       valorTotal: l
     }));
-  }, Te = () => {
+  }, Fe = () => {
     var s;
     const e = (s = a.fornecedores) == null ? void 0 : s[0];
     return e ? e.marcas || [] : [];
-  }, Fe = () => {
+  }, Te = () => {
     var r, i;
     const e = (r = a.fornecedores) == null ? void 0 : r[0];
     if (!e) return [];
-    const s = (i = e.marcas) == null ? void 0 : i.find((l) => l.nome === k);
+    const s = (i = e.marcas) == null ? void 0 : i.find((l) => l.nome === C);
     return s ? s.embalagens || [] : [];
-  }, Ie = (e) => {
-    var l, d;
-    S(e);
+  }, Se = (e) => {
+    var l, c;
+    I(e);
     const s = (l = a.fornecedores) == null ? void 0 : l[0];
     if (!s) return;
-    const r = (d = s.marcas) == null ? void 0 : d.find((u) => u.nome === e);
+    const r = (c = s.marcas) == null ? void 0 : c.find((u) => u.nome === e);
     if (!r || !r.embalagens || r.embalagens.length === 0) return;
     const i = r.embalagens[0];
-    z(i.label);
-  }, Se = (e) => {
-    var l, d, u;
+    L(i.label);
+  }, Ie = (e) => {
+    var l, c, u;
     Y(e);
     const s = (l = a.fornecedores) == null ? void 0 : l.find(
       (f) => f.nome === e
     );
     if (!s) return;
-    const r = (d = s.marcas) == null ? void 0 : d[0];
+    const r = (c = s.marcas) == null ? void 0 : c[0];
     if (!r) {
-      S(""), B("");
+      I(""), B("");
       return;
     }
-    S(r.nome);
+    I(r.nome);
     const i = (u = r.embalagens) == null ? void 0 : u[0];
-    i ? z(i.label) : B("");
+    i ? L(i.label) : B("");
   }, Be = (e) => {
-    e.preventDefault(), p(a);
+    e.preventDefault(), m(a);
   }, De = () => {
-    const e = C();
-    if (e <= 0 || h <= 0) return;
-    const s = Math.ceil(h / e);
+    const e = y();
+    if (e <= 0 || b <= 0) return;
+    const s = Math.ceil(b / e);
     T(s);
   }, t = {
     container: {
@@ -361,62 +361,36 @@ function Oe({
       fontFamily: "Inter, sans-serif"
     },
     select: {
-      height: "36px",
-      padding: "6px 10px",
-      border: "1px solid #d1d5db",
-      borderRadius: "6px",
+      height: "42px",
+      padding: "0 14px",
+      border: "1.5px solid #e2e8f0",
+      borderRadius: "10px",
       fontSize: "14px",
-      backgroundColor: "white",
-      color: "#374151",
+      fontWeight: "500",
+      backgroundColor: "#f8fafc",
+      color: "#0f172a",
       cursor: "pointer",
       outline: "none",
       fontFamily: "Inter, sans-serif",
       boxSizing: "border-box",
-      lineHeight: "1"
+      lineHeight: "1",
+      transition: "border-color 0.15s, box-shadow 0.15s"
     },
     dateInput: {
-      height: "36px",
-      padding: "6px 10px",
-      border: "1px solid #d1d5db",
-      borderRadius: "6px",
+      height: "42px",
+      padding: "0 14px",
+      border: "1.5px solid #e2e8f0",
+      borderRadius: "10px",
       fontSize: "14px",
-      backgroundColor: "white",
-      color: "#374151",
+      fontWeight: "500",
+      backgroundColor: "#f8fafc",
+      color: "#0f172a",
       outline: "none",
       fontFamily: "Inter, sans-serif",
       boxSizing: "border-box",
-      lineHeight: "1"
-    },
-    rangeTotal: {
-      fontSize: "20px",
-      fontWeight: "700",
-      color: "#111827",
-      fontFamily: "Inter, sans-serif",
-      display: "flex",
-      alignItems: "center"
-    },
-    addConsumoButton: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "28px",
-      height: "28px",
-      minWidth: "28px",
-      borderRadius: "6px",
-      border: "1px solid #9ca3af",
-      backgroundColor: "#e5e7eb",
-      color: "#374151",
-      fontSize: "16px",
-      fontWeight: "600",
-      cursor: "pointer",
-      transition: "all 0.2s",
-      fontFamily: "Inter, sans-serif"
-    },
-    addConsumoButtonDisabled: {
-      opacity: 0.5,
-      cursor: "not-allowed",
-      backgroundColor: "#d1d5db",
-      borderColor: "#9ca3af"
+      lineHeight: "1",
+      transition: "border-color 0.15s, box-shadow 0.15s",
+      width: "100%"
     },
     // Estilos da seção de pedido (estilo calculadora)
     orderSectionContainer: {
@@ -566,7 +540,7 @@ function Oe({
             backgroundColor: "#FF4E00",
             fontWeight: "600"
           },
-          children: K(L())
+          children: K(z())
         }
       ) })
     ] }),
@@ -584,7 +558,7 @@ function Oe({
             /* @__PURE__ */ n.jsxs("div", { style: t.infoText, children: [
               /* @__PURE__ */ n.jsx(We, { width: 20, height: 20 }),
               "Última compra ",
-              (ce = a.ultima_compra) == null ? void 0 : ce.data
+              (de = a.ultima_compra) == null ? void 0 : de.data
             ] }),
             /* @__PURE__ */ n.jsxs("div", { style: t.infoValue, children: [
               Number(((ue = a.ultima_compra) == null ? void 0 : ue.quantidade) ?? 0).toFixed(2),
@@ -599,7 +573,7 @@ function Oe({
                 "select",
                 {
                   value: we,
-                  onChange: (e) => Se(e.target.value),
+                  onChange: (e) => Ie(e.target.value),
                   style: t.select,
                   children: (fe = a.fornecedores) == null ? void 0 : fe.map((e) => /* @__PURE__ */ n.jsx("option", { value: e.nome, children: e.nome }, e.nome))
                 }
@@ -610,10 +584,10 @@ function Oe({
               /* @__PURE__ */ n.jsx(
                 "select",
                 {
-                  value: k,
-                  onChange: (e) => Ie(e.target.value),
+                  value: C,
+                  onChange: (e) => Se(e.target.value),
                   style: t.select,
-                  children: Te().map((e) => /* @__PURE__ */ n.jsx("option", { value: e.nome, children: e.nome }, e.nome))
+                  children: Fe().map((e) => /* @__PURE__ */ n.jsx("option", { value: e.nome, children: e.nome }, e.nome))
                 }
               )
             ] }),
@@ -622,33 +596,35 @@ function Oe({
               /* @__PURE__ */ n.jsx(
                 "select",
                 {
-                  value: w,
-                  onChange: (e) => z(e.target.value),
+                  value: F,
+                  onChange: (e) => L(e.target.value),
                   style: t.select,
-                  children: Fe().map((e) => /* @__PURE__ */ n.jsx("option", { value: e.label, children: e.label }, e.label))
+                  children: Te().map((e) => /* @__PURE__ */ n.jsx("option", { value: e.label, children: e.label }, e.label))
                 }
               )
             ] })
           ] }),
           $ && /* @__PURE__ */ n.jsx("div", { style: { marginTop: "8px", marginBottom: "8px" }, children: /* @__PURE__ */ n.jsx(
-            Ee,
+            Me,
             {
               data: $,
               controls: !0,
               showLegend: he,
               size: "sm",
               showSuggestionBar: ye,
-              unitLabel: E,
+              unitLabel: M,
               onAddSuggestedWeight: (e) => T(e),
               selectedQty: D,
-              selectedQtyDays: q
+              selectedQtyDays: w
             }
           ) }),
           /* @__PURE__ */ n.jsxs(
             "div",
             {
               style: {
-                ...t.formGrid,
+                display: "grid",
+                gridTemplateColumns: q ? "1fr 1fr" : "1fr 1fr 1fr",
+                gap: "16px",
                 marginTop: "8px",
                 alignItems: "flex-start"
               },
@@ -680,46 +656,95 @@ function Oe({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ n.jsxs("div", { style: t.formField, children: [
-                  /* @__PURE__ */ n.jsx("label", { style: t.label, children: "Consumo previsto" }),
-                  /* @__PURE__ */ n.jsxs(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "8px"
-                      },
-                      children: [
-                        /* @__PURE__ */ n.jsxs("div", { style: t.rangeTotal, children: [
-                          h.toFixed(2),
-                          " ",
-                          E
-                        ] }),
-                        /* @__PURE__ */ n.jsx(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: De,
-                            disabled: h <= 0 || C() <= 0,
-                            style: {
-                              ...t.addConsumoButton,
-                              ...h <= 0 || C() <= 0 ? t.addConsumoButtonDisabled : {}
-                            },
-                            onMouseEnter: (e) => {
-                              h > 0 && C() > 0 && (e.currentTarget.style.backgroundColor = "#d1d5db");
-                            },
-                            onMouseLeave: (e) => {
-                              h > 0 && C() > 0 && (e.currentTarget.style.backgroundColor = "#e5e7eb");
-                            },
-                            "aria-label": "Definir quantidade pelo consumo previsto",
-                            children: "↻"
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ] })
+                /* @__PURE__ */ n.jsxs(
+                  "div",
+                  {
+                    style: {
+                      ...t.formField,
+                      ...q ? { gridColumn: "1 / -1" } : {}
+                    },
+                    children: [
+                      /* @__PURE__ */ n.jsx("label", { style: t.label, children: "Consumo previsto" }),
+                      /* @__PURE__ */ n.jsxs(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "space-between",
+                            padding: "8px 14px",
+                            backgroundColor: "#f8fafc",
+                            border: "1.5px solid #e2e8f0",
+                            borderRadius: "10px",
+                            height: "42px"
+                          },
+                          children: [
+                            /* @__PURE__ */ n.jsxs(
+                              "span",
+                              {
+                                style: {
+                                  fontSize: "18px",
+                                  fontWeight: "700",
+                                  color: "#0f172a",
+                                  fontFamily: "Inter, sans-serif",
+                                  letterSpacing: "-0.3px"
+                                },
+                                children: [
+                                  b.toFixed(2),
+                                  " ",
+                                  /* @__PURE__ */ n.jsx(
+                                    "span",
+                                    {
+                                      style: {
+                                        fontSize: "13px",
+                                        fontWeight: "500",
+                                        color: "#64748b"
+                                      },
+                                      children: M
+                                    }
+                                  )
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ n.jsx(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: De,
+                                disabled: b <= 0 || y() <= 0,
+                                style: {
+                                  display: "flex",
+                                  alignItems: "center",
+                                  justifyContent: "center",
+                                  width: "30px",
+                                  height: "30px",
+                                  minWidth: "30px",
+                                  borderRadius: "8px",
+                                  border: "none",
+                                  backgroundColor: b > 0 && y() > 0 ? "#FF4E00" : "#e5e7eb",
+                                  color: b > 0 && y() > 0 ? "white" : "#9ca3af",
+                                  fontSize: "16px",
+                                  cursor: b > 0 && y() > 0 ? "pointer" : "not-allowed",
+                                  opacity: b <= 0 || y() <= 0 ? 0.5 : 1,
+                                  transition: "all 0.2s",
+                                  fontFamily: "Inter, sans-serif"
+                                },
+                                onMouseEnter: (e) => {
+                                  b > 0 && y() > 0 && (e.currentTarget.style.backgroundColor = "#e04400");
+                                },
+                                onMouseLeave: (e) => {
+                                  b > 0 && y() > 0 && (e.currentTarget.style.backgroundColor = "#FF4E00");
+                                },
+                                "aria-label": "Definir quantidade pelo consumo previsto",
+                                children: "↻"
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
               ]
             }
           ),
@@ -783,7 +808,7 @@ function Oe({
                     "aria-label": "Quantidade"
                   }
                 ),
-                /* @__PURE__ */ n.jsx("span", { style: t.quantityLabel, children: w || "unidades" })
+                /* @__PURE__ */ n.jsx("span", { style: t.quantityLabel, children: F || "unidades" })
               ] }),
               /* @__PURE__ */ n.jsx(
                 "button",
@@ -830,7 +855,7 @@ function Oe({
               {
                 style: {
                   ...t.totalsRow,
-                  ...I ? {
+                  ...q ? {
                     flexDirection: "column",
                     gap: "12px",
                     alignItems: "stretch"
@@ -842,14 +867,14 @@ function Oe({
                     {
                       style: {
                         ...t.totalItem,
-                        ...I ? { justifyContent: "space-between", width: "100%" } : {}
+                        ...q ? { justifyContent: "space-between", width: "100%" } : {}
                       },
                       children: [
                         /* @__PURE__ */ n.jsx("span", { style: t.totalLabel, children: "Total:" }),
                         /* @__PURE__ */ n.jsxs("span", { style: t.totalValue, children: [
-                          (a.qtdPedido * C()).toFixed(2),
+                          (a.qtdPedido * y()).toFixed(2),
                           " ",
-                          E
+                          M
                         ] })
                       ]
                     }
@@ -859,27 +884,27 @@ function Oe({
                     {
                       style: {
                         ...t.totalItem,
-                        ...I ? { justifyContent: "space-between", width: "100%" } : {}
+                        ...q ? { justifyContent: "space-between", width: "100%" } : {}
                       },
                       children: [
                         /* @__PURE__ */ n.jsx("span", { style: t.totalLabel, children: "Valor:" }),
-                        /* @__PURE__ */ n.jsx("span", { style: t.totalValueHighlight, children: K(a.qtdPedido * L()) })
+                        /* @__PURE__ */ n.jsx("span", { style: t.totalValueHighlight, children: K(a.qtdPedido * z()) })
                       ]
                     }
                   ),
-                  q > 0 && /* @__PURE__ */ n.jsxs(
+                  w > 0 && /* @__PURE__ */ n.jsxs(
                     "div",
                     {
                       style: {
                         ...t.totalItem,
-                        ...I ? { justifyContent: "space-between", width: "100%" } : {}
+                        ...q ? { justifyContent: "space-between", width: "100%" } : {}
                       },
                       children: [
                         /* @__PURE__ */ n.jsx("span", { style: t.totalLabel, children: "Duração:" }),
                         /* @__PURE__ */ n.jsxs("span", { style: t.totalValue, children: [
-                          q % 1 === 0 ? q.toString() : q.toFixed(1),
+                          w % 1 === 0 ? w.toString() : w.toFixed(1),
                           " ",
-                          q === 1 ? "dia" : "dias"
+                          w === 1 ? "dia" : "dias"
                         ] })
                       ]
                     }
@@ -913,7 +938,7 @@ function Oe({
               {
                 type: "button",
                 style: { ...t.button, ...t.cancelButton },
-                onClick: j,
+                onClick: k,
                 onMouseEnter: (e) => {
                   e.currentTarget.style.backgroundColor = t.cancelButtonHover.backgroundColor;
                 },