vlite3 1.2.1 → 1.2.2

package/components/Invoice/InvoiceVariant3.vue.js

@@ -1,57 +1,63 @@
-import { defineComponent as _, computed as v, openBlock as s, createElementBlock as a, normalizeStyle as k, normalizeClass as n, createElementVNode as t, createVNode as u, createCommentVNode as l, toDisplayString as o, createBlock as w, unref as r, Fragment as I, renderList as z } from "vue";
-import f from "../Price/Price.vue.js";
-import y from "../DateTime/DateTime.vue.js";
+import { defineComponent as b, computed as v, openBlock as s, createElementBlock as a, normalizeStyle as k, normalizeClass as i, createElementVNode as o, createVNode as u, createCommentVNode as c, toDisplayString as t, createBlock as I, unref as r, Fragment as w, renderList as z } from "vue";
+import p from "../Price/Price.vue.js";
+import g from "../DateTime/DateTime.vue.js";
 import D from "../QRCode/QRCode.vue.js";
 import N from "../Barcode/Barcode.vue.js";
-import g from "../Avatar.vue.js";
-import B from "../StatusChip/StatusChip.vue.js";
-import T from "./InvoiceTotals.vue.js";
-const V = { class: "flex items-center gap-3" }, $ = {
+import y from "../Avatar.vue.js";
+import T from "../StatusChip/StatusChip.vue.js";
+import B from "./InvoiceTotals.vue.js";
+const S = { class: "flex items-center gap-3" }, V = {
   key: 0,
   class: "shrink-0"
-}, q = { class: "flex flex-col leading-tight" }, L = { class: "flex items-center gap-3" }, S = { key: 0 }, C = { class: "mt-0.5 text-muted-foreground space-y-0.5 text-xs" }, j = { key: 0 }, E = { key: 1 }, F = { key: 2 }, P = {
+}, $ = { class: "flex flex-col leading-tight" }, M = { class: "flex items-center gap-3" }, q = { key: 0 }, L = { class: "mt-0.5 text-muted-foreground space-y-0.5 text-xs" }, C = { key: 0 }, j = { key: 1 }, E = { key: 2 }, P = {
   key: 3,
   class: "pt-0.5"
-}, K = { key: 1 }, O = { class: "mt-0.5 text-muted-foreground space-y-0.5 text-xs" }, Q = { key: 0 }, U = { key: 1 }, A = { key: 2 }, G = { class: "flex flex-col md:items-end gap-2" }, H = {
+}, F = { key: 1 }, K = { class: "mt-0.5 text-muted-foreground space-y-0.5 text-xs" }, O = { key: 0 }, Q = { key: 1 }, U = { key: 2 }, A = { key: 2 }, G = { class: "mt-0.5 text-muted-foreground space-y-0.5 text-xs" }, H = { key: 0 }, J = { key: 1 }, R = { key: 2 }, W = { key: 3 }, X = { key: 4 }, Y = { class: "flex flex-col md:items-end gap-2" }, Z = {
   key: 0,
   class: "flex gap-2 items-center"
-}, J = { class: "text-muted-foreground font-medium text-xs" }, M = {
+}, ee = { class: "text-muted-foreground font-medium text-xs" }, te = {
   key: 1,
   class: "flex gap-2 items-center"
-}, R = { class: "text-muted-foreground font-medium text-xs" }, W = {
+}, oe = { class: "text-muted-foreground font-medium text-xs" }, se = {
   key: 2,
+  class: "flex gap-2 items-center"
+}, ae = { class: "text-muted-foreground font-medium text-xs" }, ce = { class: "font-semibold text-xs text-foreground" }, ne = {
+  key: 3,
+  class: "flex gap-2 items-center"
+}, ie = { class: "text-muted-foreground font-medium text-xs" }, le = { class: "font-semibold text-xs text-foreground" }, de = {
+  key: 4,
   class: "flex items-center justify-end gap-2 mt-1"
-}, X = {
+}, ue = {
   key: 0,
   class: ""
-}, Y = {
+}, re = {
   key: 1,
   class: "overflow-hidden"
-}, Z = { class: "border border-border rounded-md overflow-x-auto" }, ee = { class: "invoice-table" }, te = { class: "invoice-thead" }, oe = {
+}, me = { class: "border border-border rounded-md overflow-x-auto" }, ve = { class: "invoice-table" }, pe = { class: "invoice-thead" }, fe = {
   scope: "col",
   class: "invoice-th"
-}, se = { class: "invoice-tbody text-xs" }, ae = { class: "invoice-td" }, ce = { class: "flex items-center gap-2.5" }, le = { class: "min-w-0 flex-1" }, ne = ["title"], ie = ["title"], de = { class: "invoice-td invoice-text-right tabular-nums text-muted-foreground font-medium" }, ue = {
+}, he = { class: "invoice-tbody text-xs" }, xe = { class: "invoice-td" }, ge = { class: "flex items-center gap-2.5" }, ye = { class: "min-w-0 flex-1" }, _e = ["title"], be = ["title"], ke = { class: "invoice-td invoice-text-right tabular-nums text-muted-foreground font-medium" }, Ie = {
   key: 0,
   class: "invoice-td invoice-text-right tabular-nums text-muted-foreground"
-}, re = { class: "invoice-td invoice-text-right tabular-nums text-muted-foreground" }, me = {
+}, we = { class: "invoice-td invoice-text-right tabular-nums text-muted-foreground" }, ze = {
   key: 1,
   class: "invoice-td invoice-text-right tabular-nums text-success/80 font-medium"
-}, ve = {
+}, De = {
   key: 0,
   class: "flex flex-col items-end"
-}, fe = {
+}, Ne = {
   key: 0,
   class: "text-[8px] uppercase font-bold"
-}, xe = {
+}, Te = {
   key: 1,
   class: "text-muted-foreground"
-}, he = { class: "invoice-td invoice-text-right tabular-nums font-semibold text-foreground" }, pe = {
+}, Be = { class: "invoice-td invoice-text-right tabular-nums font-semibold text-foreground" }, Se = {
   key: 0,
   class: "text-muted-foreground text-xs border-t border-border pt-3"
-}, ye = { class: "text-foreground" }, ge = { class: "whitespace-pre-wrap" }, be = {
+}, Ve = { class: "text-foreground" }, $e = { class: "whitespace-pre-wrap" }, Me = {
   key: 1,
   class: "text-center text-muted-foreground opacity-70 text-xs"
-}, Ve = /* @__PURE__ */ _({
+}, Qe = /* @__PURE__ */ b({
   __name: "InvoiceVariant3",
   props: {
     data: {},
@@ -59,224 +65,247 @@ const V = { class: "flex items-center gap-3" }, $ = {
     displayBarcodeValue: { type: Boolean, default: !1 },
     labels: {}
   },
-  setup(c) {
-    const x = c, e = v(() => x.data), d = v(() => x.labels || {}), h = v(() => e.value.items.some((m) => !!m.size)), p = v(() => e.value.items.some((m) => m.discount !== void 0));
-    return (m, _e) => (s(), a("div", {
-      class: n(["v-invoice-v3 bg-background text-foreground border border-border rounded-lg overflow-hidden", c.compact ? "text-xs" : "text-sm"]),
+  setup(n) {
+    const f = n, e = v(() => f.data), d = v(() => f.labels || {}), h = v(() => e.value.items.some((m) => !!m.size)), x = v(() => e.value.items.some((m) => m.discount !== void 0));
+    return (m, qe) => (s(), a("div", {
+      class: i(["v-invoice-v3 bg-background text-foreground border border-border rounded-lg overflow-hidden", n.compact ? "text-xs" : "text-sm"]),
       style: k({
-        "--invoice-cell-px": c.compact ? "0.75rem" : "1rem",
-        "--invoice-cell-py": c.compact ? "0.375rem" : "0.5rem",
+        "--invoice-cell-px": n.compact ? "0.75rem" : "1rem",
+        "--invoice-cell-py": n.compact ? "0.375rem" : "0.5rem",
         "--invoice-thead-bg": "var(--color-muted)",
         "--invoice-tr-border": "1px solid var(--color-border)",
         "--invoice-tr-hover-bg": "color-mix(in oklab, var(--color-muted) 30%, transparent)"
       })
     }, [
-      t("div", {
-        class: n(["bg-gray-900 flex justify-between items-center text-white", c.compact ? "px-5 py-2.5" : "px-6 py-3.5"])
+      o("div", {
+        class: i(["bg-gray-900 flex justify-between items-center text-white", n.compact ? "px-5 py-2.5" : "px-6 py-3.5"])
       }, [
-        t("div", V, [
-          e.value.brandLogo ? (s(), a("div", $, [
-            u(g, {
+        o("div", S, [
+          e.value.brandLogo ? (s(), a("div", V, [
+            u(y, {
               src: e.value.brandLogo,
               alt: e.value.brandName,
-              class: n(c.compact ? "h-7 w-7" : "h-8 w-8"),
+              class: i(n.compact ? "h-7 w-7" : "h-8 w-8"),
               rounded: "sm"
             }, null, 8, ["src", "alt", "class"])
-          ])) : l("", !0),
-          t("div", q, [
+          ])) : c("", !0),
+          o("div", $, [
             e.value.brandName ? (s(), a("span", {
               key: 0,
-              class: n(["font-bold text-white leading-tight", c.compact ? "text-sm" : "text-base"])
-            }, o(e.value.brandName), 3)) : l("", !0),
+              class: i(["font-bold text-white leading-tight", n.compact ? "text-sm" : "text-base"])
+            }, t(e.value.brandName), 3)) : c("", !0),
             e.value.brandTitle ? (s(), a("span", {
               key: 1,
-              class: n(["opacity-75 font-medium", c.compact ? "text-[10px]" : "text-xs"])
-            }, o(e.value.brandTitle), 3)) : l("", !0)
+              class: i(["opacity-75 font-medium", n.compact ? "text-[10px]" : "text-xs"])
+            }, t(e.value.brandTitle), 3)) : c("", !0)
           ])
         ]),
-        t("div", L, [
-          t("span", {
-            class: n(["opacity-80 font-medium", c.compact ? "text-xs" : "text-sm"])
-          }, "#" + o(e.value.invoiceNumber), 3),
-          e.value.status ? (s(), w(B, {
+        o("div", M, [
+          o("span", {
+            class: i(["opacity-80 font-medium", n.compact ? "text-xs" : "text-sm"])
+          }, "#" + t(e.value.invoiceNumber), 3),
+          e.value.status ? (s(), I(T, {
             key: 0,
             status: e.value.status,
             "hide-icon": "",
             size: "small"
-          }, null, 8, ["status"])) : l("", !0)
+          }, null, 8, ["status"])) : c("", !0)
         ])
       ], 2),
-      t("div", {
-        class: n(c.compact ? "p-4 space-y-4" : "p-5 space-y-5")
+      o("div", {
+        class: i(n.compact ? "p-4 space-y-4" : "p-5 space-y-5")
       }, [
-        t("div", {
-          class: n(["grid grid-cols-1 md:grid-cols-3", c.compact ? "gap-3" : "gap-5"])
+        o("div", {
+          class: i(["grid grid-cols-1 sm:grid-cols-2", [e.value.shippingInfo ? "md:grid-cols-4" : "md:grid-cols-3", n.compact ? "gap-3" : "gap-5"]])
         }, [
-          e.value.companyInfo ? (s(), a("div", S, [
-            t("p", {
-              class: n(["text-muted-foreground uppercase tracking-widest font-semibold mb-1.5", c.compact ? "text-[9px]" : "text-[10px]"])
-            }, o(d.value.from || "From"), 3),
-            t("p", {
-              class: n(["font-bold text-foreground", c.compact ? "text-xs" : "text-sm"])
-            }, o(e.value.companyInfo.name || e.value.brandName), 3),
-            t("div", C, [
-              e.value.companyInfo.address ? (s(), a("p", j, o(e.value.companyInfo.address), 1)) : l("", !0),
-              e.value.companyInfo.city ? (s(), a("p", E, o(e.value.companyInfo.city) + ", " + o(e.value.companyInfo.state) + " " + o(e.value.companyInfo.zip), 1)) : l("", !0),
-              e.value.companyInfo.country ? (s(), a("p", F, o(e.value.companyInfo.country), 1)) : l("", !0),
-              e.value.companyInfo.email ? (s(), a("p", P, o(e.value.companyInfo.email), 1)) : l("", !0)
+          e.value.companyInfo ? (s(), a("div", q, [
+            o("p", {
+              class: i(["text-muted-foreground uppercase tracking-widest font-semibold mb-1.5", n.compact ? "text-[9px]" : "text-[10px]"])
+            }, t(d.value.from || "From"), 3),
+            o("p", {
+              class: i(["font-bold text-foreground", n.compact ? "text-xs" : "text-sm"])
+            }, t(e.value.companyInfo.name || e.value.brandName), 3),
+            o("div", L, [
+              e.value.companyInfo.address ? (s(), a("p", C, t(e.value.companyInfo.address), 1)) : c("", !0),
+              e.value.companyInfo.city ? (s(), a("p", j, t(e.value.companyInfo.city) + ", " + t(e.value.companyInfo.state) + " " + t(e.value.companyInfo.zip), 1)) : c("", !0),
+              e.value.companyInfo.country ? (s(), a("p", E, t(e.value.companyInfo.country), 1)) : c("", !0),
+              e.value.companyInfo.email ? (s(), a("p", P, t(e.value.companyInfo.email), 1)) : c("", !0)
+            ])
+          ])) : c("", !0),
+          e.value.customerInfo ? (s(), a("div", F, [
+            o("p", {
+              class: i(["text-muted-foreground uppercase tracking-widest font-semibold mb-1.5", n.compact ? "text-[9px]" : "text-[10px]"])
+            }, t(d.value.billedTo || "Billed To"), 3),
+            o("p", {
+              class: i(["font-bold text-foreground", n.compact ? "text-xs" : "text-sm"])
+            }, t(e.value.customerInfo.name), 3),
+            o("div", K, [
+              e.value.customerInfo.address ? (s(), a("p", O, t(e.value.customerInfo.address), 1)) : c("", !0),
+              e.value.customerInfo.city ? (s(), a("p", Q, t(e.value.customerInfo.city) + ", " + t(e.value.customerInfo.state) + " " + t(e.value.customerInfo.zip), 1)) : c("", !0),
+              e.value.customerInfo.email ? (s(), a("p", U, t(e.value.customerInfo.email), 1)) : c("", !0)
             ])
-          ])) : l("", !0),
-          e.value.customerInfo ? (s(), a("div", K, [
-            t("p", {
-              class: n(["text-muted-foreground uppercase tracking-widest font-semibold mb-1.5", c.compact ? "text-[9px]" : "text-[10px]"])
-            }, o(d.value.billedTo || "Billed To"), 3),
-            t("p", {
-              class: n(["font-bold text-foreground", c.compact ? "text-xs" : "text-sm"])
-            }, o(e.value.customerInfo.name), 3),
-            t("div", O, [
-              e.value.customerInfo.address ? (s(), a("p", Q, o(e.value.customerInfo.address), 1)) : l("", !0),
-              e.value.customerInfo.city ? (s(), a("p", U, o(e.value.customerInfo.city) + ", " + o(e.value.customerInfo.state) + " " + o(e.value.customerInfo.zip), 1)) : l("", !0),
-              e.value.customerInfo.email ? (s(), a("p", A, o(e.value.customerInfo.email), 1)) : l("", !0)
+          ])) : c("", !0),
+          e.value.shippingInfo ? (s(), a("div", A, [
+            o("p", {
+              class: i(["text-muted-foreground uppercase tracking-widest font-semibold mb-1.5", n.compact ? "text-[9px]" : "text-[10px]"])
+            }, t(d.value.shipTo || "Ship To"), 3),
+            o("p", {
+              class: i(["font-bold text-foreground", n.compact ? "text-xs" : "text-sm"])
+            }, t(e.value.shippingInfo.name), 3),
+            o("div", G, [
+              e.value.shippingInfo.address ? (s(), a("p", H, t(e.value.shippingInfo.address), 1)) : c("", !0),
+              e.value.shippingInfo.city ? (s(), a("p", J, t(e.value.shippingInfo.city) + ", " + t(e.value.shippingInfo.state) + " " + t(e.value.shippingInfo.zip), 1)) : c("", !0),
+              e.value.shippingInfo.country ? (s(), a("p", R, t(e.value.shippingInfo.country), 1)) : c("", !0),
+              e.value.shippingInfo.email ? (s(), a("p", W, t(e.value.shippingInfo.email), 1)) : c("", !0),
+              e.value.shippingInfo.phone ? (s(), a("p", X, t(e.value.shippingInfo.phone), 1)) : c("", !0)
             ])
-          ])) : l("", !0),
-          t("div", G, [
-            e.value.issuedDate ? (s(), a("div", H, [
-              t("span", J, o(d.value.issued || "Issued") + ":", 1),
-              u(r(y), {
+          ])) : c("", !0),
+          o("div", Y, [
+            e.value.issuedDate ? (s(), a("div", Z, [
+              o("span", ee, t(d.value.issued || "Issued") + ":", 1),
+              u(r(g), {
                 value: e.value.issuedDate,
                 type: "date",
                 class: "font-semibold text-xs text-foreground"
               }, null, 8, ["value"])
-            ])) : l("", !0),
-            e.value.dueDate ? (s(), a("div", M, [
-              t("span", R, o(d.value.due || "Due") + ":", 1),
-              u(r(y), {
+            ])) : c("", !0),
+            e.value.dueDate ? (s(), a("div", te, [
+              o("span", oe, t(d.value.due || "Due") + ":", 1),
+              u(r(g), {
                 value: e.value.dueDate,
                 type: "date",
                 class: "font-semibold text-xs text-foreground"
               }, null, 8, ["value"])
-            ])) : l("", !0),
-            e.value.qrcode || e.value.barcode ? (s(), a("div", W, [
-              e.value.qrcode ? (s(), a("div", X, [
+            ])) : c("", !0),
+            e.value.paymentMethod ? (s(), a("div", se, [
+              o("span", ae, t(d.value.paymentMethod || "Payment") + ":", 1),
+              o("span", ce, t(e.value.paymentMethod), 1)
+            ])) : c("", !0),
+            e.value.shippingMethod ? (s(), a("div", ne, [
+              o("span", ie, t(d.value.shippingMethod || "Shipping") + ":", 1),
+              o("span", le, t(e.value.shippingMethod), 1)
+            ])) : c("", !0),
+            e.value.qrcode || e.value.barcode ? (s(), a("div", de, [
+              e.value.qrcode ? (s(), a("div", ue, [
                 u(r(D), {
                   value: e.value.qrcode,
-                  size: c.compact ? 40 : 48
+                  size: n.compact ? 40 : 48
                 }, null, 8, ["value", "size"])
-              ])) : l("", !0),
-              e.value.barcode ? (s(), a("div", Y, [
+              ])) : c("", !0),
+              e.value.barcode ? (s(), a("div", re, [
                 u(r(N), {
                   value: e.value.barcode,
                   format: "CODE128",
-                  height: c.compact ? 20 : 26,
-                  width: c.compact ? 1 : 1.2,
-                  "display-value": c.displayBarcodeValue
+                  height: n.compact ? 20 : 26,
+                  width: n.compact ? 1 : 1.2,
+                  "display-value": n.displayBarcodeValue
                 }, null, 8, ["value", "height", "width", "display-value"])
-              ])) : l("", !0)
-            ])) : l("", !0)
+              ])) : c("", !0)
+            ])) : c("", !0)
           ])
         ], 2),
-        t("div", Z, [
-          t("table", ee, [
-            t("thead", te, [
-              t("tr", null, [
-                t("th", oe, o(d.value.item || "Product"), 1),
-                t("th", {
+        o("div", me, [
+          o("table", ve, [
+            o("thead", pe, [
+              o("tr", null, [
+                o("th", fe, t(d.value.item || "Product"), 1),
+                o("th", {
                   scope: "col",
-                  class: n(["invoice-th invoice-text-right", c.compact ? "w-14" : "w-20"])
-                }, o(d.value.qty || "Qty"), 3),
+                  class: i(["invoice-th invoice-text-right", n.compact ? "w-14" : "w-20"])
+                }, t(d.value.qty || "Qty"), 3),
                 h.value ? (s(), a("th", {
                   key: 0,
                   scope: "col",
-                  class: n(["invoice-th invoice-text-right", c.compact ? "w-14" : "w-20"])
-                }, o(d.value.size || "Size"), 3)) : l("", !0),
-                t("th", {
+                  class: i(["invoice-th invoice-text-right", n.compact ? "w-14" : "w-20"])
+                }, t(d.value.size || "Size"), 3)) : c("", !0),
+                o("th", {
                   scope: "col",
-                  class: n(["invoice-th invoice-text-right", c.compact ? "w-20" : "w-28"])
-                }, o(d.value.price || "Price"), 3),
-                p.value ? (s(), a("th", {
+                  class: i(["invoice-th invoice-text-right", n.compact ? "w-20" : "w-28"])
+                }, t(d.value.price || "Price"), 3),
+                x.value ? (s(), a("th", {
                   key: 1,
                   scope: "col",
-                  class: n(["invoice-th invoice-text-right", c.compact ? "w-20" : "w-28"])
-                }, o(d.value.discount || "Discount"), 3)) : l("", !0),
-                t("th", {
+                  class: i(["invoice-th invoice-text-right", n.compact ? "w-20" : "w-28"])
+                }, t(d.value.discount || "Discount"), 3)) : c("", !0),
+                o("th", {
                   scope: "col",
-                  class: n(["invoice-th invoice-text-right", c.compact ? "w-20" : "w-28"])
-                }, o(d.value.total || "Total"), 3)
+                  class: i(["invoice-th invoice-text-right", n.compact ? "w-20" : "w-28"])
+                }, t(d.value.total || "Total"), 3)
               ])
             ]),
-            t("tbody", se, [
-              (s(!0), a(I, null, z(e.value.items, (i, b) => (s(), a("tr", {
-                key: i.id || b,
+            o("tbody", he, [
+              (s(!0), a(w, null, z(e.value.items, (l, _) => (s(), a("tr", {
+                key: l.id || _,
                 class: "invoice-tr group"
               }, [
-                t("td", ae, [
-                  t("div", ce, [
-                    i.thumbnail ? (s(), a("div", {
+                o("td", xe, [
+                  o("div", ge, [
+                    l.thumbnail ? (s(), a("div", {
                       key: 0,
-                      class: n(["shrink-0 overflow-hidden border border-border", c.compact ? "w-8 h-8 rounded" : "w-9 h-9 rounded-md"])
+                      class: i(["shrink-0 overflow-hidden border border-border", n.compact ? "w-8 h-8 rounded" : "w-9 h-9 rounded-md"])
                     }, [
-                      u(g, {
-                        src: i.thumbnail,
-                        alt: i.name,
+                      u(y, {
+                        src: l.thumbnail,
+                        alt: l.name,
                         class: "w-full h-full",
                         rounded: "sm"
                       }, null, 8, ["src", "alt"])
-                    ], 2)) : l("", !0),
-                    t("div", le, [
-                      t("div", {
-                        class: n(["font-semibold text-foreground truncate", c.compact ? "" : "text-[13px]"]),
-                        title: i.name
-                      }, o(i.name), 11, ne),
-                      i.sku ? (s(), a("div", {
+                    ], 2)) : c("", !0),
+                    o("div", ye, [
+                      o("div", {
+                        class: i(["font-semibold text-foreground truncate", n.compact ? "" : "text-[13px]"]),
+                        title: l.name
+                      }, t(l.name), 11, _e),
+                      l.sku ? (s(), a("div", {
                         key: 0,
                         class: "text-[9px] text-muted-foreground font-normal uppercase tracking-tight truncate",
-                        title: i.sku
-                      }, o(d.value.sku || "SKU") + ": " + o(i.sku), 9, ie)) : l("", !0)
+                        title: l.sku
+                      }, t(d.value.sku || "SKU") + ": " + t(l.sku), 9, be)) : c("", !0)
                     ])
                   ])
                 ]),
-                t("td", de, o(i.quantity), 1),
-                h.value ? (s(), a("td", ue, o(i.size || "-"), 1)) : l("", !0),
-                t("td", re, [
-                  u(r(f), {
-                    value: i.price
+                o("td", ke, t(l.quantity), 1),
+                h.value ? (s(), a("td", Ie, t(l.size || "-"), 1)) : c("", !0),
+                o("td", we, [
+                  u(r(p), {
+                    value: l.price
                   }, null, 8, ["value"])
                 ]),
-                p.value ? (s(), a("td", me, [
-                  i.discount !== void 0 ? (s(), a("div", ve, [
-                    u(r(f), {
-                      value: -i.discount
+                x.value ? (s(), a("td", ze, [
+                  l.discount !== void 0 ? (s(), a("div", De, [
+                    u(r(p), {
+                      value: -l.discount
                     }, null, 8, ["value"]),
-                    i.discountLabel ? (s(), a("span", fe, o(i.discountLabel), 1)) : l("", !0)
-                  ])) : (s(), a("span", xe, "-"))
-                ])) : l("", !0),
-                t("td", he, [
-                  u(r(f), {
-                    value: i.total
+                    l.discountLabel ? (s(), a("span", Ne, t(l.discountLabel), 1)) : c("", !0)
+                  ])) : (s(), a("span", Te, "-"))
+                ])) : c("", !0),
+                o("td", Be, [
+                  u(r(p), {
+                    value: l.total
                   }, null, 8, ["value"])
                 ])
               ]))), 128))
             ])
           ]),
-          t("div", {
-            class: n(["bg-muted/30 border-t border-border flex justify-end", c.compact ? "p-3" : "p-4"])
+          o("div", {
+            class: i(["bg-muted/30 border-t border-border flex justify-end", n.compact ? "p-3" : "p-4"])
           }, [
-            u(T, {
+            u(B, {
               totals: e.value.totals,
-              compact: c.compact,
+              compact: n.compact,
               variant: "Variant3"
             }, null, 8, ["totals", "compact"])
           ], 2)
         ]),
-        e.value.notes ? (s(), a("div", pe, [
-          t("strong", ye, o(d.value.notes || "Notes") + ":", 1),
-          t("span", ge, o(e.value.notes), 1)
-        ])) : l("", !0),
-        e.value.footerText ? (s(), a("div", be, o(e.value.footerText), 1)) : l("", !0)
+        e.value.notes ? (s(), a("div", Se, [
+          o("strong", Ve, t(d.value.notes || "Notes") + ":", 1),
+          o("span", $e, t(e.value.notes), 1)
+        ])) : c("", !0),
+        e.value.footerText ? (s(), a("div", Me, t(e.value.footerText), 1)) : c("", !0)
       ], 2)
     ], 6));
   }
 });
 export {
-  Ve as default
+  Qe as default
 };