eatopia-ds 0.0.948 → 0.0.950

package/build/index10.js

@@ -1,36 +1,37 @@
 import { j as n } from "./index24.js";
-import Ie, { useState as j, useEffect as N, useMemo as M } from "react";
-import { StockLeadTime as Se } from "./index18.js";
-import { calculateConsumptionForecast as ge, calculateTotalConsumptionForRange as Be } from "./index21.js";
-import { AlertIcon as De } from "./index23.js";
-const pe = [1, 2, 3, 7, 10, 15, 30, 60, 90], y = (o) => {
-  const p = o.getFullYear(), k = String(o.getMonth() + 1).padStart(2, "0"), c = String(o.getDate()).padStart(2, "0");
-  return `${p}-${k}-${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]);
-}, Me = () => {
+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], 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);
-}, V = () => {
+  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;
-}, me = (o) => o <= 0 ? 7 : pe.reduce(
-  (p, k) => Math.abs(k - o) < Math.abs(p - o) ? k : p
+}, xe = (o) => o <= 0 ? 7 : be.reduce(
+  (m, k) => Math.abs(k - o) < Math.abs(m - o) ? k : m
 );
-function Ue({
+function Oe({
   data: o,
-  onSubmit: p,
+  onSubmit: m,
   onCancel: k,
-  timelineData: c,
-  fornecedoresOptions: Ee,
-  marcasOptions: Pe,
-  embalagensOptions: We,
+  timelineData: d,
+  fornecedoresOptions: ze,
+  marcasOptions: Le,
+  embalagensOptions: He,
   dailyConsumptionAverages: x,
-  showSuggestionBar: xe = !0
+  showSuggestionBar: ye = !0,
+  showLegendTimeline: he = !1
 }) {
-  var K, J, X, Z, ee, te, ne, oe, re, se, ae, ie, le, de, ce;
-  Ie.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,
@@ -45,32 +46,32 @@ function Ue({
       document.head.removeChild(e);
     };
   }, []);
-  const [I, be] = j(!1);
-  N(() => {
+  const [q, ve] = j(!1);
+  U(() => {
     const e = () => {
-      be(window.innerWidth <= 768);
+      ve(window.innerWidth <= 768);
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const U = () => {
-    if (!(c != null && c.timeline)) return 0;
-    const { restockSuggestionStart: e, restockSuggestionEnd: s } = c.timeline;
+  const V = () => {
+    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;
-  }, ye = () => {
-    var a;
-    const e = V(), s = (a = c == null ? void 0 : c.timeline) == null ? void 0 : a.stockEndDate;
-    if (!s) return y(e);
-    const r = F(s);
-    return isNaN(r.getTime()) || r < e ? y(e) : y(r);
-  }, he = () => me(U()), g = (() => {
-    var a, l, d;
-    const e = (a = o == null ? void 0 : o.fornecedores) == null ? void 0 : a[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 = 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, c;
+    const e = (i = o == null ? void 0 : o.fornecedores) == null ? void 0 : i[0];
     if (!e) return null;
-    const s = U();
+    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,
@@ -81,25 +82,25 @@ function Ue({
     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 ue = b * m, H = ge({
+        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: ue
+              totalQuantity: ge
             });
             if (H.totalDays >= s) {
-              const fe = b * f.valor_unitario * m, L = H.totalDays - s;
-              (!r || L < r.daysDifference || L === r.daysDifference && fe < 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: ue,
-                totalValue: fe,
+                totalKg: ge,
+                totalValue: pe,
                 days: H.totalDays,
-                daysDifference: L
+                daysDifference: N
               });
             }
           }
@@ -110,179 +111,179 @@ function Ue({
       quantidade: r.quantidade,
       valorUnitario: r.valorUnitario
     } : null;
-  })(), ve = () => {
-    var a, l, d;
+  })(), qe = () => {
+    var i, l, c;
     if (g)
       return g.valorUnitario;
-    const e = (a = o == null ? void 0 : o.fornecedores) == null ? void 0 : a[0];
+    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;
-  }, [i, _] = j({
+  }, 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) * ve()
-  }), [je, Q] = j(
-    ((J = (K = o == null ? void 0 : o.fornecedores) == null ? void 0 : K[0]) == null ? void 0 : J.nome) ?? ""
-  ), [q, S] = j(
-    (g == null ? void 0 : g.marca) ?? ((te = (ee = (Z = (X = o == null ? void 0 : o.fornecedores) == null ? void 0 : X[0]) == null ? void 0 : Z.marcas) == null ? void 0 : ee[0]) == null ? void 0 : te.nome) ?? ""
-  ), [w, B] = j(
-    (g == null ? void 0 : g.embalagem) ?? ((ie = (ae = (se = (re = (oe = (ne = o == null ? void 0 : o.fornecedores) == null ? void 0 : ne[0]) == null ? void 0 : oe.marcas) == null ? void 0 : re[0]) == null ? void 0 : se.embalagens) == null ? void 0 : ae[0]) == null ? void 0 : ie.label) ?? ""
-  ), [E, Y] = j(
-    ye
-  ), [P, O] = j(he);
-  N(() => {
-    var d, u, f;
-    const e = V(), s = (d = c == null ? void 0 : c.timeline) == null ? void 0 : d.stockEndDate;
+    valorTotal: (o == null ? void 0 : o.valorTotal) ?? ((g == null ? void 0 : g.quantidade) ?? (o == null ? void 0 : o.qtdPedido) ?? 0) * qe()
+  }), [we, Y] = j(
+    ((Z = (X = o == null ? void 0 : o.fornecedores) == null ? void 0 : X[0]) == null ? void 0 : Z.nome) ?? ""
+  ), [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) ?? ""
+  ), [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] = j(ke);
+  U(() => {
+    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);
-    let a = 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()) && (a = Math.ceil((b.getTime() - m.getTime()) / (1e3 * 60 * 60 * 24)) || 0);
+      r = v(e);
+    let i = 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 = me(a);
-    Y(r), O(l);
-  }, [c, o]), N(() => {
-    var s, r, a;
+    const l = xe(i);
+    O(r), A(l);
+  }, [d, o]), U(() => {
+    var s, r, i;
     if (g) return;
     const e = (s = o == null ? void 0 : o.fornecedores) == null ? void 0 : s[0];
     if (e) {
-      Q(e.nome);
+      Y(e.nome);
       const l = (r = e.marcas) == null ? void 0 : r[0];
       if (l) {
-        S(l.nome);
-        const d = (a = l.embalagens) == null ? void 0 : a[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 e = (l = i.fornecedores) == null ? void 0 : l[0];
+  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 === q);
+    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
-    ), a = (r == null ? void 0 : r.quantidade_fornecedor) ?? 0;
-    return i.qtdPedido * a;
+      (f) => f.label === F
+    ), i = (r == null ? void 0 : r.quantidade_fornecedor) ?? 0;
+    return a.qtdPedido * i;
   }, [
-    i.qtdPedido,
-    i.fornecedores,
-    q,
-    w
-  ]), W = M(() => !x || D <= 0 ? null : ge({
+    a.qtdPedido,
+    a.fornecedores,
+    C,
+    F
+  ]), R = E(() => !x || D <= 0 ? null : me({
     dailyAverages: x,
     startDate: /* @__PURE__ */ new Date(),
     totalQuantity: D
-  }), [x, D]), C = (W == null ? void 0 : W.totalDays) ?? 0, h = M(() => {
+  }), [x, D]), w = (R == null ? void 0 : R.totalDays) ?? 0, b = E(() => {
     if (!x) return 0;
-    const e = V(), s = F(E);
+    const e = _(), s = S(P);
     if (isNaN(s.getTime())) return 0;
     const r = s < e ? e : s;
-    return Be(
+    return Pe(
       x,
       r,
-      P
+      W
     );
-  }, [x, E, P]), A = 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 $ = () => {
-    var r, a, l;
-    const e = (r = i.fornecedores) == null ? void 0 : r[0];
+  const G = () => {
+    var r, i, l;
+    const e = (r = a.fornecedores) == null ? void 0 : r[0];
     if (!e) return null;
-    const s = (a = e.marcas) == null ? void 0 : a.find((d) => d.nome === q);
-    return s ? ((l = s.embalagens) == null ? void 0 : l.find((d) => d.label === w)) ?? null : null;
-  }, R = () => {
+    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 = $()) == null ? void 0 : e.valor_unitario) ?? 0;
-  }, G = (e) => {
-    const s = Number(e).toFixed(2), [r, a] = s.split(".");
+    return ((e = G()) == null ? void 0 : e.valor_unitario) ?? 0;
+  }, K = (e) => {
+    const s = Number(e).toFixed(2), [r, i] = s.split(".");
     return `R$ ${r.replace(
       /\B(?=(\d{3})+(?!\d))/g,
       "."
-    )},${a}`;
-  }, v = () => {
+    )},${i}`;
+  }, y = () => {
     var e;
-    return ((e = $()) == null ? void 0 : e.quantidade_fornecedor) ?? 0;
+    return ((e = G()) == null ? void 0 : e.quantidade_fornecedor) ?? 0;
   }, T = (e) => {
-    const s = R(), r = e * s;
-    _((a) => ({
-      ...a,
+    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 = i.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 === q);
+    const r = (u = s.marcas) == null ? void 0 : u.find((p) => p.nome === C);
     if (!r) return;
-    const a = (f = r.embalagens) == null ? void 0 : f.find((m) => m.label === e);
-    if (!a) return;
-    const l = i.qtdPedido * (a.valor_unitario ?? 0);
-    _((m) => ({
-      ...m,
+    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((p) => ({
+      ...p,
       valorTotal: l
     }));
-  }, ke = () => {
+  }, Fe = () => {
     var s;
-    const e = (s = i.fornecedores) == null ? void 0 : s[0];
+    const e = (s = a.fornecedores) == null ? void 0 : s[0];
     return e ? e.marcas || [] : [];
-  }, qe = () => {
-    var r, a;
-    const e = (r = i.fornecedores) == null ? void 0 : r[0];
+  }, Te = () => {
+    var r, i;
+    const e = (r = a.fornecedores) == null ? void 0 : r[0];
     if (!e) return [];
-    const s = (a = e.marcas) == null ? void 0 : a.find((l) => l.nome === q);
+    const s = (i = e.marcas) == null ? void 0 : i.find((l) => l.nome === C);
     return s ? s.embalagens || [] : [];
-  }, Ce = (e) => {
-    var l, d;
-    S(e);
-    const s = (l = i.fornecedores) == null ? void 0 : l[0];
+  }, 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 a = r.embalagens[0];
-    z(a.label);
-  }, we = (e) => {
-    var l, d, u;
-    Q(e);
-    const s = (l = i.fornecedores) == null ? void 0 : l.find(
+    const i = r.embalagens[0];
+    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);
-    const a = (u = r.embalagens) == null ? void 0 : u[0];
-    a ? z(a.label) : B("");
-  }, Te = (e) => {
-    e.preventDefault(), p(i);
-  }, Fe = () => {
-    const e = v();
-    if (e <= 0 || h <= 0) return;
-    const s = Math.ceil(h / e);
+    I(r.nome);
+    const i = (u = r.embalagens) == null ? void 0 : u[0];
+    i ? L(i.label) : B("");
+  }, Be = (e) => {
+    e.preventDefault(), m(a);
+  }, De = () => {
+    const e = y();
+    if (e <= 0 || b <= 0) return;
+    const s = Math.ceil(b / e);
     T(s);
   }, t = {
     container: {
@@ -360,62 +361,36 @@ function Ue({
       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: {
@@ -551,9 +526,9 @@ function Ue({
       backgroundColor: "#DC2626"
     }
   };
-  return /* @__PURE__ */ n.jsxs("form", { onSubmit: Te, style: t.container, children: [
+  return /* @__PURE__ */ n.jsxs("form", { onSubmit: Be, style: t.container, children: [
     /* @__PURE__ */ n.jsxs("div", { style: t.header, children: [
-      /* @__PURE__ */ n.jsx("h2", { style: t.itemTitle, children: i.nome }),
+      /* @__PURE__ */ n.jsx("h2", { style: t.itemTitle, children: a.nome }),
       /* @__PURE__ */ n.jsx("div", { style: t.valorUnitario, children: /* @__PURE__ */ n.jsx(
         "div",
         {
@@ -565,7 +540,7 @@ function Ue({
             backgroundColor: "#FF4E00",
             fontWeight: "600"
           },
-          children: G(R())
+          children: K(z())
         }
       ) })
     ] }),
@@ -581,13 +556,14 @@ function Ue({
         children: [
           /* @__PURE__ */ n.jsxs("div", { style: t.infoRow, children: [
             /* @__PURE__ */ n.jsxs("div", { style: t.infoText, children: [
-              /* @__PURE__ */ n.jsx(De, { width: 20, height: 20 }),
+              /* @__PURE__ */ n.jsx(We, { width: 20, height: 20 }),
               "Última compra ",
-              (le = i.ultima_compra) == null ? void 0 : le.data
+              (de = a.ultima_compra) == null ? void 0 : de.data
             ] }),
             /* @__PURE__ */ n.jsxs("div", { style: t.infoValue, children: [
-              Number(((de = i.ultima_compra) == null ? void 0 : de.quantidade) ?? 0).toFixed(2),
-              " KG"
+              Number(((ue = a.ultima_compra) == null ? void 0 : ue.quantidade) ?? 0).toFixed(2),
+              " ",
+              Ce.toUpperCase()
             ] })
           ] }),
           /* @__PURE__ */ n.jsxs("div", { style: t.formGrid, children: [
@@ -596,10 +572,10 @@ function Ue({
               /* @__PURE__ */ n.jsx(
                 "select",
                 {
-                  value: je,
-                  onChange: (e) => we(e.target.value),
+                  value: we,
+                  onChange: (e) => Ie(e.target.value),
                   style: t.select,
-                  children: (ce = i.fornecedores) == null ? void 0 : ce.map((e) => /* @__PURE__ */ n.jsx("option", { value: e.nome, children: e.nome }, e.nome))
+                  children: (fe = a.fornecedores) == null ? void 0 : fe.map((e) => /* @__PURE__ */ n.jsx("option", { value: e.nome, children: e.nome }, e.nome))
                 }
               )
             ] }),
@@ -608,10 +584,10 @@ function Ue({
               /* @__PURE__ */ n.jsx(
                 "select",
                 {
-                  value: q,
-                  onChange: (e) => Ce(e.target.value),
+                  value: C,
+                  onChange: (e) => Se(e.target.value),
                   style: t.select,
-                  children: ke().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))
                 }
               )
             ] }),
@@ -620,32 +596,35 @@ function Ue({
               /* @__PURE__ */ n.jsx(
                 "select",
                 {
-                  value: w,
-                  onChange: (e) => z(e.target.value),
+                  value: F,
+                  onChange: (e) => L(e.target.value),
                   style: t.select,
-                  children: qe().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))
                 }
               )
             ] })
           ] }),
-          A && /* @__PURE__ */ n.jsx("div", { style: { marginTop: "8px", marginBottom: "8px" }, children: /* @__PURE__ */ n.jsx(
-            Se,
+          $ && /* @__PURE__ */ n.jsx("div", { style: { marginTop: "8px", marginBottom: "8px" }, children: /* @__PURE__ */ n.jsx(
+            Me,
             {
-              data: A,
+              data: $,
               controls: !0,
-              showLegend: !1,
+              showLegend: he,
               size: "sm",
-              showSuggestionBar: xe,
+              showSuggestionBar: ye,
+              unitLabel: M,
               onAddSuggestedWeight: (e) => T(e),
               selectedQty: D,
-              selectedQtyDays: C
+              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"
               },
@@ -656,9 +635,9 @@ function Ue({
                     "input",
                     {
                       type: "date",
-                      value: E,
-                      min: Me(),
-                      onChange: (e) => Y(e.target.value),
+                      value: P,
+                      min: Re(),
+                      onChange: (e) => O(e.target.value),
                       style: t.dateInput,
                       "aria-label": "Data inicial"
                     }
@@ -669,53 +648,103 @@ function Ue({
                   /* @__PURE__ */ n.jsx(
                     "select",
                     {
-                      value: P,
-                      onChange: (e) => O(Number(e.target.value)),
+                      value: W,
+                      onChange: (e) => A(Number(e.target.value)),
                       style: t.select,
                       "aria-label": "Quantos dias?",
-                      children: pe.map((e) => /* @__PURE__ */ n.jsx("option", { value: e, children: e }, e))
+                      children: be.map((e) => /* @__PURE__ */ n.jsx("option", { value: e, children: e }, e))
                     }
                   )
                 ] }),
-                /* @__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),
-                          " kg"
-                        ] }),
-                        /* @__PURE__ */ n.jsx(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: Fe,
-                            disabled: h <= 0 || v() <= 0,
-                            style: {
-                              ...t.addConsumoButton,
-                              ...h <= 0 || v() <= 0 ? t.addConsumoButtonDisabled : {}
-                            },
-                            onMouseEnter: (e) => {
-                              h > 0 && v() > 0 && (e.currentTarget.style.backgroundColor = "#d1d5db");
-                            },
-                            onMouseLeave: (e) => {
-                              h > 0 && v() > 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: "↻"
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
               ]
             }
           ),
@@ -727,22 +756,22 @@ function Ue({
                   type: "button",
                   style: {
                     ...t.quantityButton,
-                    ...i.qtdPedido <= 0 ? t.quantityButtonDisabled : {}
+                    ...a.qtdPedido <= 0 ? t.quantityButtonDisabled : {}
                   },
-                  onClick: () => T(Math.max(0, i.qtdPedido - 1)),
+                  onClick: () => T(Math.max(0, a.qtdPedido - 1)),
                   onMouseEnter: (e) => {
-                    i.qtdPedido > 0 && (e.currentTarget.style.background = t.quantityButtonHover.background, e.currentTarget.style.transform = t.quantityButtonHover.transform);
+                    a.qtdPedido > 0 && (e.currentTarget.style.background = t.quantityButtonHover.background, e.currentTarget.style.transform = t.quantityButtonHover.transform);
                   },
                   onMouseLeave: (e) => {
                     e.currentTarget.style.background = t.quantityButton.background, e.currentTarget.style.transform = "";
                   },
                   onMouseDown: (e) => {
-                    i.qtdPedido > 0 && (e.currentTarget.style.background = t.quantityButtonActive.background, e.currentTarget.style.transform = t.quantityButtonActive.transform);
+                    a.qtdPedido > 0 && (e.currentTarget.style.background = t.quantityButtonActive.background, e.currentTarget.style.transform = t.quantityButtonActive.transform);
                   },
                   onMouseUp: (e) => {
-                    i.qtdPedido > 0 && (e.currentTarget.style.background = t.quantityButtonHover.background, e.currentTarget.style.transform = t.quantityButtonHover.transform);
+                    a.qtdPedido > 0 && (e.currentTarget.style.background = t.quantityButtonHover.background, e.currentTarget.style.transform = t.quantityButtonHover.transform);
                   },
-                  disabled: i.qtdPedido <= 0,
+                  disabled: a.qtdPedido <= 0,
                   "aria-label": "Diminuir quantidade",
                   children: /* @__PURE__ */ n.jsx(
                     "svg",
@@ -769,7 +798,7 @@ function Ue({
                   "input",
                   {
                     type: "number",
-                    value: i.qtdPedido,
+                    value: a.qtdPedido,
                     onChange: (e) => T(
                       Math.max(0, parseInt(e.target.value) || 0)
                     ),
@@ -779,14 +808,14 @@ function Ue({
                     "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",
                 {
                   type: "button",
                   style: t.quantityButton,
-                  onClick: () => T(i.qtdPedido + 1),
+                  onClick: () => T(a.qtdPedido + 1),
                   onMouseEnter: (e) => {
                     e.currentTarget.style.background = t.quantityButtonHover.background, e.currentTarget.style.transform = t.quantityButtonHover.transform;
                   },
@@ -826,7 +855,7 @@ function Ue({
               {
                 style: {
                   ...t.totalsRow,
-                  ...I ? {
+                  ...q ? {
                     flexDirection: "column",
                     gap: "12px",
                     alignItems: "stretch"
@@ -838,13 +867,14 @@ function Ue({
                     {
                       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: [
-                          (i.qtdPedido * v()).toFixed(2),
-                          " kg"
+                          (a.qtdPedido * y()).toFixed(2),
+                          " ",
+                          M
                         ] })
                       ]
                     }
@@ -854,29 +884,27 @@ function Ue({
                     {
                       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: G(
-                          i.qtdPedido * v() * R()
-                        ) })
+                        /* @__PURE__ */ n.jsx("span", { style: t.totalValueHighlight, children: K(a.qtdPedido * z()) })
                       ]
                     }
                   ),
-                  C > 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: [
-                          C % 1 === 0 ? C.toString() : C.toFixed(1),
+                          w % 1 === 0 ? w.toString() : w.toFixed(1),
                           " ",
-                          C === 1 ? "dia" : "dias"
+                          w === 1 ? "dia" : "dias"
                         ] })
                       ]
                     }
@@ -890,17 +918,17 @@ function Ue({
               "button",
               {
                 type: "submit",
-                disabled: i.qtdPedido <= 0,
+                disabled: a.qtdPedido <= 0,
                 style: {
                   ...t.button,
                   ...t.addButton,
-                  ...i.qtdPedido <= 0 ? t.addButtonDisabled : {}
+                  ...a.qtdPedido <= 0 ? t.addButtonDisabled : {}
                 },
                 onMouseEnter: (e) => {
-                  i.qtdPedido > 0 && (e.currentTarget.style.backgroundColor = t.addButtonHover.backgroundColor);
+                  a.qtdPedido > 0 && (e.currentTarget.style.backgroundColor = t.addButtonHover.backgroundColor);
                 },
                 onMouseLeave: (e) => {
-                  i.qtdPedido > 0 && (e.currentTarget.style.backgroundColor = t.addButton.backgroundColor);
+                  a.qtdPedido > 0 && (e.currentTarget.style.backgroundColor = t.addButton.backgroundColor);
                 },
                 children: "Adicionar"
               }
@@ -927,6 +955,6 @@ function Ue({
   ] });
 }
 export {
-  Ue as OrderForm
+  Oe as OrderForm
 };
 //# sourceMappingURL=index10.js.map