vlite3 1.1.2 → 1.1.4

package/components/Invoice/InvoiceVariant1.vue.js

@@ -1,95 +1,109 @@
-import { defineComponent as _, computed as y, openBlock as t, createElementBlock as o, normalizeStyle as z, createElementVNode as a, normalizeClass as l, createVNode as i, toDisplayString as n, createCommentVNode as c, unref as d, createBlock as D, createTextVNode as m, Fragment as x, renderList as g } from "vue";
-import p from "../Price/Price.vue.js";
-import k from "../DateTime/DateTime.vue.js";
+import { defineComponent as _, computed as p, openBlock as o, createElementBlock as a, normalizeStyle as w, createElementVNode as s, normalizeClass as n, createVNode as r, toDisplayString as t, createCommentVNode as c, unref as d, createBlock as z, createTextVNode as m, Fragment as x, renderList as D } from "vue";
+import f from "../Price/Price.vue.js";
+import b from "../DateTime/DateTime.vue.js";
 import N from "../Barcode/Barcode.vue.js";
 import T from "../QRCode/QRCode.vue.js";
-import I from "../Avatar.vue.js";
+import k from "../Avatar.vue.js";
 import B from "../StatusChip/StatusChip.vue.js";
-const V = { class: "flex items-center justify-between gap-3" }, $ = { class: "shrink-0" }, S = {
+import V from "./InvoiceTotals.vue.js";
+const $ = { class: "flex items-center justify-between gap-3" }, q = { class: "shrink-0" }, S = {
   key: 0,
   class: "flex items-center gap-3 border-r-[1.5px] pr-3 border-gray-300"
-}, j = {
+}, C = { class: "text-muted-foreground uppercase tracking-wider font-medium" }, L = {
   key: 1,
   class: "flex items-center gap-3 border-r-[1.5px] pr-3 border-gray-250"
-}, q = { class: "grid grid-cols-2 gap-8" }, C = { key: 0 }, L = { key: 0 }, E = { key: 1 }, F = { key: 2 }, G = {
+}, j = { class: "text-muted-foreground uppercase tracking-wider font-medium" }, E = { class: "grid grid-cols-2 gap-8" }, F = { key: 0 }, U = { key: 0 }, K = { key: 1 }, O = { key: 2 }, P = {
   key: 3,
   class: "pt-0.5"
-}, U = { key: 4 }, K = {
+}, Q = { key: 4 }, A = {
   key: 5,
   class: "pt-0.5"
-}, O = { key: 1 }, P = { key: 0 }, Q = { key: 1 }, A = { key: 2 }, H = {
+}, G = { key: 1 }, H = { key: 0 }, J = { key: 1 }, M = { key: 2 }, R = {
   key: 3,
   class: "pt-0.5"
-}, J = { key: 4 }, M = {
+}, W = { key: 4 }, X = {
   key: 5,
   class: "pt-0.5"
-}, R = {
+}, Y = {
   key: 1,
   class: "border-b border-border overflow-x-auto"
-}, W = { class: "invoice-thead" }, X = {
+}, Z = { class: "invoice-thead" }, ee = {
+  scope: "col",
+  class: "invoice-th"
+}, te = {
+  scope: "col",
+  class: "invoice-th invoice-text-right"
+}, oe = {
   key: 0,
   scope: "col",
   class: "invoice-th invoice-text-right"
-}, Y = {
+}, ae = {
+  scope: "col",
+  class: "invoice-th invoice-text-right"
+}, se = {
   key: 1,
   scope: "col",
   class: "invoice-th invoice-text-right"
-}, Z = { class: "invoice-tbody" }, ee = { class: "invoice-td" }, te = { class: "flex items-start gap-3" }, oe = { class: "min-w-0 flex-1" }, ae = ["title"], se = {
+}, ce = {
+  scope: "col",
+  class: "invoice-th invoice-text-right"
+}, le = { class: "invoice-tbody" }, ne = { class: "invoice-td" }, ue = { class: "flex items-start gap-3" }, ie = { class: "min-w-0 flex-1" }, re = ["title"], de = {
   key: 0,
   class: "text-muted-foreground uppercase tracking-wider font-medium mt-0.5 text-xs"
-}, ce = {
+}, me = {
   key: 1,
   class: "text-muted-foreground mt-0.5 whitespace-normal max-w-xs text-xs leading-snug"
-}, ne = { class: "invoice-td invoice-text-right tabular-nums font-medium text-sm" }, le = {
+}, ve = { class: "invoice-td invoice-text-right tabular-nums font-medium text-sm" }, pe = {
   key: 0,
   class: "invoice-td invoice-text-right tabular-nums text-muted-foreground"
-}, re = { class: "invoice-td invoice-text-right tabular-nums" }, ue = {
+}, xe = { class: "invoice-td invoice-text-right tabular-nums" }, fe = {
   key: 1,
   class: "invoice-td invoice-text-right tabular-nums text-success font-semibold"
-}, ie = {
+}, he = {
   key: 0,
   class: "flex flex-col items-end gap-0.5"
-}, de = {
+}, ye = {
   key: 1,
   class: "text-muted-foreground font-normal"
-}, me = { class: "invoice-td invoice-text-right tabular-nums font-bold text-foreground" }, ve = { key: 0 }, xe = {
+}, ge = { class: "invoice-td invoice-text-right tabular-nums font-bold text-foreground" }, be = { key: 0 }, ke = {
   key: 1,
   class: "flex flex-row flex-wrap gap-3 items-center"
-}, pe = {
+}, Ie = {
   key: 0,
-  class: "shrink-0 p-1 bg-white border border-border"
-}, fe = {
+  class: "shrink-0"
+}, _e = {
   key: 1,
-  class: "shrink-0 p-1.5 bg-white border border-border"
-}, ye = { class: "w-full lg:w-2/5 min-w-[220px]" }, ze = /* @__PURE__ */ _({
+  class: "shrink-0"
+}, we = { class: "w-full lg:w-2/5 min-w-[220px]" }, Ce = /* @__PURE__ */ _({
   __name: "InvoiceVariant1",
   props: {
     data: {},
     compact: { type: Boolean, default: !1 },
-    displayBarcodeValue: { type: Boolean, default: !1 }
+    displayBarcodeValue: { type: Boolean, default: !1 },
+    labels: {}
   },
-  setup(s) {
-    const w = s, e = y(() => w.data), b = y(() => e.value.items.some((v) => !!v.size)), h = y(() => e.value.items.some((v) => v.discount !== void 0));
-    return (v, u) => (t(), o("div", {
+  setup(l) {
+    const h = l, e = p(() => h.data), i = p(() => h.labels || {}), y = p(() => e.value.items.some((v) => !!v.size)), g = p(() => e.value.items.some((v) => v.discount !== void 0));
+    return (v, ze) => (o(), a("div", {
       class: "v-invoice-v1 bg-background text-foreground border border-border rounded-sm",
-      style: z({
-        "--text-sm": s.compact ? "12.5px" : "13.5px",
-        "--invoice-cell-px": s.compact ? "0.875rem" : "1.25rem",
-        "--invoice-cell-py": s.compact ? "0.625rem" : "0.875rem",
+      style: w({
+        "--text-sm": l.compact ? "12.5px" : "13.5px",
+        "--invoice-cell-px": l.compact ? "0.875rem" : "1.25rem",
+        "--invoice-cell-py": l.compact ? "0.625rem" : "0.875rem",
         "--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) 40%, transparent)"
       })
     }, [
-      a("div", {
-        class: l(["border-b border-border", s.compact ? "px-5 py-3" : "px-6 pt-5 pb-3.5"])
+      s("div", {
+        class: n(["border-b border-border", l.compact ? "px-5 py-3" : "px-6 pt-5 pb-3.5"])
       }, [
-        a("div", V, [
-          a("div", $, [
-            a("div", {
-              class: l(s.compact ? "h-10 w-10" : "h-13 w-13")
+        s("div", $, [
+          s("div", q, [
+            s("div", {
+              class: n(l.compact ? "h-10 w-10" : "h-13 w-13")
             }, [
-              i(I, {
+              r(k, {
                 src: e.value.brandLogo,
                 alt: e.value.brandName,
                 class: "h-full w-auto object-contain",
@@ -97,51 +111,51 @@ const V = { class: "flex items-center justify-between gap-3" }, $ = { class: "sh
               }, null, 8, ["src", "alt"])
             ], 2)
           ]),
-          a("div", {
-            class: l(["flex-1 min-w-0", s.compact ? "space-y-0.5" : "space-y-1"])
+          s("div", {
+            class: n(["flex-1 min-w-0", l.compact ? "space-y-0.5" : "space-y-1"])
           }, [
-            e.value.brandName ? (t(), o("p", {
+            e.value.brandName ? (o(), a("p", {
               key: 0,
-              class: l(["font-bold text-foreground leading-tight truncate", s.compact ? "text-base" : "text-lg"])
-            }, n(e.value.brandName), 3)) : c("", !0),
-            e.value.brandTitle ? (t(), o("p", {
+              class: n(["font-bold text-foreground leading-tight truncate", l.compact ? "text-base" : "text-lg"])
+            }, t(e.value.brandName), 3)) : c("", !0),
+            e.value.brandTitle ? (o(), a("p", {
               key: 1,
-              class: l(["text-muted-foreground font-medium truncate", s.compact ? "text-xs" : "text-sm"])
-            }, n(e.value.brandTitle), 3)) : c("", !0)
+              class: n(["text-muted-foreground font-medium truncate", l.compact ? "text-xs" : "text-sm"])
+            }, t(e.value.brandTitle), 3)) : c("", !0)
           ], 2),
-          a("div", {
-            class: l(["text-right shrink-0", s.compact ? "space-y-2" : "space-y-3"])
+          s("div", {
+            class: n(["text-right shrink-0", l.compact ? "space-y-2" : "space-y-3"])
           }, [
-            a("div", null, [
-              a("h1", {
-                class: l(["font-black tracking-tight text-foreground uppercase", s.compact ? "text-2xl" : "text-3xl"])
-              }, " Invoice ", 2),
-              a("p", {
-                class: l(["text-muted-foreground font-medium mt-0.5", s.compact ? "text-xs" : "text-sm"])
-              }, " #" + n(e.value.invoiceNumber), 3)
+            s("div", null, [
+              s("h1", {
+                class: n(["font-black tracking-tight text-foreground uppercase", l.compact ? "text-2xl" : "text-3xl"])
+              }, t(i.value.invoice || "Invoice"), 3),
+              s("p", {
+                class: n(["text-muted-foreground font-medium mt-0.5", l.compact ? "text-xs" : "text-sm"])
+              }, " #" + t(e.value.invoiceNumber), 3)
             ])
           ], 2)
         ]),
-        a("div", {
-          class: l(["flex items-center gap-4 text-xs", s.compact ? "mt-2" : "mt-4"])
+        s("div", {
+          class: n(["flex items-center gap-4 text-xs", l.compact ? "mt-2" : "mt-4"])
         }, [
-          e.value.issuedDate ? (t(), o("div", S, [
-            u[0] || (u[0] = a("span", { class: "text-muted-foreground uppercase tracking-wider font-medium" }, " Issued ", -1)),
-            i(d(k), {
+          e.value.issuedDate ? (o(), a("div", S, [
+            s("span", C, t(i.value.issued || "Issued"), 1),
+            r(d(b), {
               value: e.value.issuedDate,
               type: "date",
               class: "font-semibold text-foreground tabular-nums"
             }, null, 8, ["value"])
           ])) : c("", !0),
-          e.value.dueDate ? (t(), o("div", j, [
-            u[1] || (u[1] = a("span", { class: "text-muted-foreground uppercase tracking-wider font-medium" }, " Due ", -1)),
-            i(d(k), {
+          e.value.dueDate ? (o(), a("div", L, [
+            s("span", j, t(i.value.due || "Due"), 1),
+            r(d(b), {
               value: e.value.dueDate,
               type: "date",
               class: "font-semibold text-foreground tabular-nums"
             }, null, 8, ["value"])
           ])) : c("", !0),
-          e.value.status ? (t(), D(B, {
+          e.value.status ? (o(), z(B, {
             key: 2,
             status: e.value.status,
             "hide-icon": "",
@@ -149,139 +163,127 @@ const V = { class: "flex items-center justify-between gap-3" }, $ = { class: "sh
           }, null, 8, ["status"])) : c("", !0)
         ], 2)
       ], 2),
-      e.value.companyInfo || e.value.customerInfo ? (t(), o("div", {
+      e.value.companyInfo || e.value.customerInfo ? (o(), a("div", {
         key: 0,
-        class: l(["border-b border-border", s.compact ? "px-5 py-4" : "px-6 pt-4 pb-5"])
+        class: n(["border-b border-border", l.compact ? "px-5 py-4" : "px-6 pt-4 pb-5"])
       }, [
-        a("div", q, [
-          e.value.companyInfo ? (t(), o("div", C, [
-            a("p", {
-              class: l(["text-muted-foreground uppercase tracking-widest font-semibold mb-2", s.compact ? "text-[9px]" : "text-[10px]"])
-            }, " From ", 2),
-            e.value.brandName ? (t(), o("p", {
+        s("div", E, [
+          e.value.companyInfo ? (o(), a("div", F, [
+            s("p", {
+              class: n(["text-muted-foreground uppercase tracking-widest font-semibold mb-2", l.compact ? "text-[9px]" : "text-[10px]"])
+            }, t(i.value.from || "From"), 3),
+            e.value.brandName ? (o(), a("p", {
               key: 0,
-              class: l(["font-bold text-foreground", s.compact ? "text-sm" : "text-base"])
-            }, n(e.value.brandName), 3)) : c("", !0),
-            a("div", {
-              class: l(["text-muted-foreground leading-snug mt-1", s.compact ? "text-xs space-y-0.5" : "text-sm space-y-0.5"])
+              class: n(["font-bold text-foreground", l.compact ? "text-sm" : "text-base"])
+            }, t(e.value.brandName), 3)) : c("", !0),
+            s("div", {
+              class: n(["text-muted-foreground leading-snug mt-1", l.compact ? "text-xs space-y-0.5" : "text-sm space-y-0.5"])
             }, [
-              e.value.companyInfo.address ? (t(), o("p", L, n(e.value.companyInfo.address), 1)) : c("", !0),
-              e.value.companyInfo.city || e.value.companyInfo.state || e.value.companyInfo.zip ? (t(), o("p", E, [
-                m(n(e.value.companyInfo.city), 1),
-                e.value.companyInfo.city && e.value.companyInfo.state ? (t(), o(x, { key: 0 }, [
+              e.value.companyInfo.address ? (o(), a("p", U, t(e.value.companyInfo.address), 1)) : c("", !0),
+              e.value.companyInfo.city || e.value.companyInfo.state || e.value.companyInfo.zip ? (o(), a("p", K, [
+                m(t(e.value.companyInfo.city), 1),
+                e.value.companyInfo.city && e.value.companyInfo.state ? (o(), a(x, { key: 0 }, [
                   m(", ")
                 ], 64)) : c("", !0),
-                m(n(e.value.companyInfo.state) + " " + n(e.value.companyInfo.zip), 1)
+                m(t(e.value.companyInfo.state) + " " + t(e.value.companyInfo.zip), 1)
               ])) : c("", !0),
-              e.value.companyInfo.country ? (t(), o("p", F, n(e.value.companyInfo.country), 1)) : c("", !0),
-              e.value.companyInfo.email ? (t(), o("p", G, n(e.value.companyInfo.email), 1)) : c("", !0),
-              e.value.companyInfo.phone ? (t(), o("p", U, n(e.value.companyInfo.phone), 1)) : c("", !0),
-              e.value.companyInfo.taxId ? (t(), o("p", K, "Tax ID: " + n(e.value.companyInfo.taxId), 1)) : c("", !0)
+              e.value.companyInfo.country ? (o(), a("p", O, t(e.value.companyInfo.country), 1)) : c("", !0),
+              e.value.companyInfo.email ? (o(), a("p", P, t(e.value.companyInfo.email), 1)) : c("", !0),
+              e.value.companyInfo.phone ? (o(), a("p", Q, t(e.value.companyInfo.phone), 1)) : c("", !0),
+              e.value.companyInfo.taxId ? (o(), a("p", A, t(i.value.taxId || "Tax ID") + ": " + t(e.value.companyInfo.taxId), 1)) : c("", !0)
             ], 2)
           ])) : c("", !0),
-          e.value.customerInfo ? (t(), o("div", O, [
-            a("p", {
-              class: l(["text-muted-foreground uppercase tracking-widest font-semibold mb-2", s.compact ? "text-[9px]" : "text-[10px]"])
-            }, " Billed To ", 2),
-            a("p", {
-              class: l(["font-bold text-foreground", s.compact ? "text-sm" : "text-base"])
-            }, n(e.value.customerInfo.name), 3),
-            a("div", {
-              class: l(["text-muted-foreground leading-snug mt-1", s.compact ? "text-xs space-y-0.5" : "text-sm space-y-0.5"])
+          e.value.customerInfo ? (o(), a("div", G, [
+            s("p", {
+              class: n(["text-muted-foreground uppercase tracking-widest font-semibold mb-2", l.compact ? "text-[9px]" : "text-[10px]"])
+            }, t(i.value.billedTo || "Billed To"), 3),
+            s("p", {
+              class: n(["font-bold text-foreground", l.compact ? "text-sm" : "text-base"])
+            }, t(e.value.customerInfo.name), 3),
+            s("div", {
+              class: n(["text-muted-foreground leading-snug mt-1", l.compact ? "text-xs space-y-0.5" : "text-sm space-y-0.5"])
             }, [
-              e.value.customerInfo.address ? (t(), o("p", P, n(e.value.customerInfo.address), 1)) : c("", !0),
-              e.value.customerInfo.city || e.value.customerInfo.state ? (t(), o("p", Q, [
-                m(n(e.value.customerInfo.city), 1),
-                e.value.customerInfo.city && e.value.customerInfo.state ? (t(), o(x, { key: 0 }, [
+              e.value.customerInfo.address ? (o(), a("p", H, t(e.value.customerInfo.address), 1)) : c("", !0),
+              e.value.customerInfo.city || e.value.customerInfo.state ? (o(), a("p", J, [
+                m(t(e.value.customerInfo.city), 1),
+                e.value.customerInfo.city && e.value.customerInfo.state ? (o(), a(x, { key: 0 }, [
                   m(", ")
                 ], 64)) : c("", !0),
-                m(n(e.value.customerInfo.state) + " " + n(e.value.customerInfo.zip), 1)
+                m(t(e.value.customerInfo.state) + " " + t(e.value.customerInfo.zip), 1)
               ])) : c("", !0),
-              e.value.customerInfo.country ? (t(), o("p", A, n(e.value.customerInfo.country), 1)) : c("", !0),
-              e.value.customerInfo.email ? (t(), o("p", H, n(e.value.customerInfo.email), 1)) : c("", !0),
-              e.value.customerInfo.phone ? (t(), o("p", J, n(e.value.customerInfo.phone), 1)) : c("", !0),
-              e.value.customerInfo.taxId ? (t(), o("p", M, "Tax ID: " + n(e.value.customerInfo.taxId), 1)) : c("", !0)
+              e.value.customerInfo.country ? (o(), a("p", M, t(e.value.customerInfo.country), 1)) : c("", !0),
+              e.value.customerInfo.email ? (o(), a("p", R, t(e.value.customerInfo.email), 1)) : c("", !0),
+              e.value.customerInfo.phone ? (o(), a("p", W, t(e.value.customerInfo.phone), 1)) : c("", !0),
+              e.value.customerInfo.taxId ? (o(), a("p", X, t(i.value.taxId || "Tax ID") + ": " + t(e.value.customerInfo.taxId), 1)) : c("", !0)
             ], 2)
           ])) : c("", !0)
         ])
       ], 2)) : c("", !0),
-      e.value.items && e.value.items.length ? (t(), o("div", R, [
-        a("table", {
-          class: l(["invoice-table", s.compact ? "text-xs" : "text-sm"])
+      e.value.items && e.value.items.length ? (o(), a("div", Y, [
+        s("table", {
+          class: n(["invoice-table", l.compact ? "text-xs" : "text-sm"])
         }, [
-          a("thead", W, [
-            a("tr", null, [
-              u[2] || (u[2] = a("th", {
-                scope: "col",
-                class: "invoice-th"
-              }, "Description", -1)),
-              u[3] || (u[3] = a("th", {
-                scope: "col",
-                class: "invoice-th invoice-text-right"
-              }, "Qty", -1)),
-              b.value ? (t(), o("th", X, "Size")) : c("", !0),
-              u[4] || (u[4] = a("th", {
-                scope: "col",
-                class: "invoice-th invoice-text-right"
-              }, "Unit Price", -1)),
-              h.value ? (t(), o("th", Y, "Discount")) : c("", !0),
-              u[5] || (u[5] = a("th", {
-                scope: "col",
-                class: "invoice-th invoice-text-right"
-              }, "Total", -1))
+          s("thead", Z, [
+            s("tr", null, [
+              s("th", ee, t(i.value.item || "Description"), 1),
+              s("th", te, t(i.value.qty || "Qty"), 1),
+              y.value ? (o(), a("th", oe, t(i.value.size || "Size"), 1)) : c("", !0),
+              s("th", ae, t(i.value.price || "Unit Price"), 1),
+              g.value ? (o(), a("th", se, t(i.value.discount || "Discount"), 1)) : c("", !0),
+              s("th", ce, t(i.value.total || "Total"), 1)
             ])
           ]),
-          a("tbody", Z, [
-            (t(!0), o(x, null, g(e.value.items, (r, f) => (t(), o("tr", {
-              key: r.id || f,
+          s("tbody", le, [
+            (o(!0), a(x, null, D(e.value.items, (u, I) => (o(), a("tr", {
+              key: u.id || I,
               class: "invoice-tr group"
             }, [
-              a("td", ee, [
-                a("div", te, [
-                  r.thumbnail ? (t(), o("div", {
+              s("td", ne, [
+                s("div", ue, [
+                  u.thumbnail ? (o(), a("div", {
                     key: 0,
-                    class: l(["shrink-0 overflow-hidden", s.compact ? "w-9 h-9" : "w-10 h-10"])
+                    class: n(["shrink-0 overflow-hidden", l.compact ? "w-9 h-9" : "w-10 h-10"])
                   }, [
-                    i(I, {
-                      src: r.thumbnail,
-                      alt: r.name,
+                    r(k, {
+                      src: u.thumbnail,
+                      alt: u.name,
                       class: "w-full h-full ronded!",
                       rounded: "md"
                     }, null, 8, ["src", "alt"])
                   ], 2)) : c("", !0),
-                  a("div", oe, [
-                    a("p", {
+                  s("div", ie, [
+                    s("p", {
                       class: "font-semibold text-foreground whitespace-normal text-sm",
-                      title: r.name
-                    }, n(r.name), 9, ae),
-                    r.sku ? (t(), o("p", se, " SKU: " + n(r.sku), 1)) : c("", !0),
-                    r.description && !s.compact ? (t(), o("p", ce, n(r.description), 1)) : c("", !0)
+                      title: u.name
+                    }, t(u.name), 9, re),
+                    u.sku ? (o(), a("p", de, t(i.value.sku || "SKU") + ": " + t(u.sku), 1)) : c("", !0),
+                    u.description && !l.compact ? (o(), a("p", me, t(u.description), 1)) : c("", !0)
                   ])
                 ])
               ]),
-              a("td", ne, n(r.quantity), 1),
-              b.value ? (t(), o("td", le, n(r.size || "—"), 1)) : c("", !0),
-              a("td", re, [
-                i(d(p), {
-                  value: r.price,
+              s("td", ve, t(u.quantity), 1),
+              y.value ? (o(), a("td", pe, t(u.size || "—"), 1)) : c("", !0),
+              s("td", xe, [
+                r(d(f), {
+                  value: u.price,
                   class: "text-sm"
                 }, null, 8, ["value"])
               ]),
-              h.value ? (t(), o("td", ue, [
-                r.discount !== void 0 ? (t(), o("div", ie, [
-                  i(d(p), {
-                    value: -r.discount,
+              g.value ? (o(), a("td", fe, [
+                u.discount !== void 0 ? (o(), a("div", he, [
+                  r(d(f), {
+                    value: -u.discount,
                     class: "text-sm"
                   }, null, 8, ["value"]),
-                  r.discountLabel ? (t(), o("span", {
+                  u.discountLabel ? (o(), a("span", {
                     key: 0,
-                    class: l(["uppercase tracking-wider font-bold text-muted-foreground", s.compact ? "text-[8px]" : "text-[9px]"])
-                  }, n(r.discountLabel), 3)) : c("", !0)
-                ])) : (t(), o("span", de, "—"))
+                    class: n(["uppercase tracking-wider font-bold text-muted-foreground", l.compact ? "text-[8px]" : "text-[9px]"])
+                  }, t(u.discountLabel), 3)) : c("", !0)
+                ])) : (o(), a("span", ye, "—"))
               ])) : c("", !0),
-              a("td", me, [
-                i(d(p), {
-                  value: r.total,
+              s("td", ge, [
+                r(d(f), {
+                  value: u.total,
                   class: "text-sm"
                 }, null, 8, ["value"])
               ])
@@ -289,72 +291,57 @@ const V = { class: "flex items-center justify-between gap-3" }, $ = { class: "sh
           ])
         ], 2)
       ])) : c("", !0),
-      a("div", {
-        class: l(s.compact ? "p-6" : "p-8")
+      s("div", {
+        class: n(l.compact ? "p-6" : "p-8")
       }, [
-        a("div", {
-          class: l(["flex flex-col-reverse lg:flex-row justify-between", s.compact ? "gap-6" : "gap-8"])
+        s("div", {
+          class: n(["flex flex-col-reverse lg:flex-row justify-between", l.compact ? "gap-6" : "gap-8"])
         }, [
-          a("div", {
-            class: l(["w-full lg:w-1/2 flex flex-col", s.compact ? "gap-4" : "gap-5"])
+          s("div", {
+            class: n(["w-full lg:w-1/2 flex flex-col", l.compact ? "gap-4" : "gap-5"])
           }, [
-            e.value.notes ? (t(), o("div", ve, [
-              a("p", {
-                class: l(["text-muted-foreground uppercase tracking-widest font-semibold mb-2", s.compact ? "text-[9px]" : "text-[10px]"])
-              }, " Notes ", 2),
-              a("p", {
-                class: l(["text-muted-foreground whitespace-pre-wrap leading-relaxed", s.compact ? "text-xs" : "text-sm"])
-              }, n(e.value.notes), 3)
+            e.value.notes ? (o(), a("div", be, [
+              s("p", {
+                class: n(["text-muted-foreground uppercase tracking-widest font-semibold mb-2", l.compact ? "text-[9px]" : "text-[10px]"])
+              }, t(i.value.notes || "Notes"), 3),
+              s("p", {
+                class: n(["text-muted-foreground whitespace-pre-wrap leading-relaxed", l.compact ? "text-xs" : "text-sm"])
+              }, t(e.value.notes), 3)
             ])) : c("", !0),
-            e.value.qrcode || e.value.barcode ? (t(), o("div", xe, [
-              e.value.qrcode ? (t(), o("div", pe, [
-                i(d(T), {
+            e.value.qrcode || e.value.barcode ? (o(), a("div", ke, [
+              e.value.qrcode ? (o(), a("div", Ie, [
+                r(d(T), {
                   value: e.value.qrcode,
-                  size: s.compact ? 48 : 56
+                  size: l.compact ? 48 : 56
                 }, null, 8, ["value", "size"])
               ])) : c("", !0),
-              e.value.barcode ? (t(), o("div", fe, [
-                i(d(N), {
+              e.value.barcode ? (o(), a("div", _e, [
+                r(d(N), {
                   value: e.value.barcode,
                   format: "CODE128",
-                  height: s.compact ? 24 : 30,
-                  width: s.compact ? 1.2 : 1.4,
-                  "display-value": s.displayBarcodeValue
+                  height: l.compact ? 24 : 30,
+                  width: l.compact ? 1.2 : 1.4,
+                  "display-value": l.displayBarcodeValue
                 }, null, 8, ["value", "height", "width", "display-value"])
               ])) : c("", !0)
             ])) : c("", !0)
           ], 2),
-          a("div", ye, [
-            a("div", {
-              class: l(s.compact ? "space-y-1.5" : "space-y-2")
-            }, [
-              (t(!0), o(x, null, g(e.value.totals, (r, f) => (t(), o("div", {
-                key: f,
-                class: l(["flex justify-between items-center", [
-                  r.isGrandTotal ? [
-                    "border-t border-border font-black text-foreground",
-                    s.compact ? "pt-2 mt-1 text-base" : "pt-3 mt-2 text-lg"
-                  ] : ["text-muted-foreground font-medium", s.compact ? "text-xs" : "text-sm"]
-                ]])
-              }, [
-                a("span", {
-                  class: l(r.isGrandTotal ? "uppercase tracking-widest text-xs" : "")
-                }, n(r.label), 3),
-                i(d(p), {
-                  value: r.value
-                }, null, 8, ["value"])
-              ], 2))), 128))
-            ], 2)
+          s("div", we, [
+            r(V, {
+              totals: e.value.totals,
+              compact: l.compact,
+              variant: "Variant1"
+            }, null, 8, ["totals", "compact"])
           ])
         ], 2)
       ], 2),
-      e.value.footerText ? (t(), o("div", {
+      e.value.footerText ? (o(), a("div", {
         key: 2,
-        class: l(["border-t border-border text-center text-muted-foreground font-medium uppercase tracking-widest", s.compact ? "px-6 py-3 text-[9px]" : "px-6 py-4 text-[10px]"])
-      }, n(e.value.footerText), 3)) : c("", !0)
+        class: n(["border-t border-border text-center text-muted-foreground font-medium uppercase tracking-widest", l.compact ? "px-6 py-3 text-[9px]" : "px-6 py-4 text-[10px]"])
+      }, t(e.value.footerText), 3)) : c("", !0)
     ], 4));
   }
 });
 export {
-  ze as default
+  Ce as default
 };

package/components/Invoice/InvoiceVariant2.vue.d.ts

@@ -1,10 +1,12 @@
-import { InvoiceData } from './types';
+import { InvoiceData, InvoiceLabels } from './types';
 type __VLS_Props = {
     data: InvoiceData;
     /** Reduces padding, spacing, and font sizes for print-friendly output */
     compact?: boolean;
     /** Toggles the display of the barcode text value underneath the bars */
     displayBarcodeValue?: boolean;
+    /** Custom text labels for static UI strings */
+    labels?: InvoiceLabels;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     compact: boolean;