vlite3 1.1.2 → 1.1.4

package/components/Invoice/InvoiceVariant4.vue.js

@@ -1,62 +1,76 @@
-import { defineComponent as _, computed as b, openBlock as t, createElementBlock as a, normalizeStyle as D, createElementVNode as o, normalizeClass as n, toDisplayString as l, createBlock as T, createCommentVNode as c, createVNode as i, unref as u, createTextVNode as m, Fragment as v, renderList as g } from "vue";
+import { defineComponent as I, computed as x, openBlock as o, createElementBlock as s, normalizeStyle as w, createElementVNode as a, normalizeClass as n, toDisplayString as t, createBlock as D, createCommentVNode as c, createVNode as r, unref as u, createTextVNode as m, Fragment as f, renderList as z } from "vue";
 import p from "../Price/Price.vue.js";
-import k from "../DateTime/DateTime.vue.js";
-import z from "../Barcode/Barcode.vue.js";
+import g from "../DateTime/DateTime.vue.js";
+import T from "../Barcode/Barcode.vue.js";
 import N from "../QRCode/QRCode.vue.js";
-import I from "../Avatar.vue.js";
-import B from "../StatusChip/StatusChip.vue.js";
-const V = { class: "flex flex-col sm:flex-row justify-between items-start gap-4" }, $ = { class: "flex flex-col gap-3" }, j = { class: "flex items-center gap-2.5 mt-1.5 flex-wrap" }, C = { class: "flex flex-wrap gap-5" }, L = { key: 0 }, S = { key: 1 }, E = { class: "flex flex-col items-start sm:items-end gap-2 shrink-0" }, q = { class: "grid grid-cols-1 md:grid-cols-2 gap-5 mb-6" }, F = { key: 0 }, G = { key: 1 }, O = { key: 2 }, P = { key: 3 }, K = { class: "flex flex-col gap-0.5" }, Q = { key: 0 }, U = { key: 1 }, A = {
+import k from "../Avatar.vue.js";
+import V from "../StatusChip/StatusChip.vue.js";
+import B from "./InvoiceTotals.vue.js";
+const $ = { class: "flex flex-col sm:flex-row justify-between items-start gap-4" }, C = { class: "flex flex-col gap-3" }, L = { class: "flex items-center gap-2.5 mt-1.5 flex-wrap" }, S = { class: "flex flex-wrap gap-5" }, j = { key: 0 }, q = { key: 1 }, E = { class: "flex flex-col items-start sm:items-end gap-2 shrink-0" }, F = { class: "grid grid-cols-1 md:grid-cols-2 gap-5 mb-6" }, O = { key: 0 }, P = { key: 1 }, K = { key: 2 }, Q = { key: 3 }, U = { class: "flex flex-col gap-0.5" }, A = { key: 0 }, G = { key: 1 }, H = {
   key: 2,
-  class: "text-primary font-medium"
-}, H = { key: 4 }, J = { key: 1 }, M = { key: 1 }, R = { key: 2 }, W = { key: 3 }, X = { class: "flex flex-col gap-0.5" }, Y = { key: 0 }, Z = { key: 1 }, ee = {
+  class: "text-gray-700 font-medium"
+}, J = { key: 4 }, M = { key: 1 }, R = { key: 1 }, W = { key: 2 }, X = { key: 3 }, Y = { class: "flex flex-col gap-0.5" }, Z = { key: 0 }, ee = { key: 1 }, te = {
   key: 4,
   class: "text-xs font-semibold"
-}, te = {
+}, oe = {
+  scope: "col",
+  class: "invoice-th font-bold"
+}, ae = {
+  scope: "col",
+  class: "invoice-th invoice-text-right font-bold"
+}, se = {
   key: 0,
   scope: "col",
   class: "invoice-th invoice-text-right font-bold"
-}, oe = {
+}, ce = {
+  scope: "col",
+  class: "invoice-th invoice-text-right font-bold"
+}, le = {
   key: 1,
   scope: "col",
   class: "invoice-th invoice-text-right font-bold"
-}, ae = { class: "invoice-tbody" }, se = { class: "invoice-td" }, ce = { class: "flex items-center gap-3" }, le = { class: "min-w-0 flex-1" }, ne = ["title"], re = ["title"], ie = {
+}, ne = {
+  scope: "col",
+  class: "invoice-th invoice-text-right font-bold text-gray-900"
+}, ie = { class: "invoice-tbody" }, de = { class: "invoice-td" }, re = { class: "flex items-center gap-3" }, ue = { class: "min-w-0 flex-1" }, me = ["title"], ve = ["title"], xe = {
   key: 1,
   class: "block text-xs text-muted-foreground line-clamp-2 max-w-md whitespace-normal mt-0.5 leading-relaxed"
-}, de = { class: "invoice-td invoice-text-right tabular-nums text-muted-foreground font-semibold text-sm" }, ue = {
+}, fe = { class: "invoice-td invoice-text-right tabular-nums text-muted-foreground font-semibold text-sm" }, pe = {
   key: 0,
   class: "invoice-td invoice-text-right tabular-nums text-muted-foreground text-sm"
-}, me = { class: "invoice-td invoice-text-right tabular-nums text-muted-foreground font-medium" }, xe = {
+}, he = { class: "invoice-td invoice-text-right tabular-nums text-muted-foreground font-medium" }, be = {
   key: 1,
   class: "invoice-td invoice-text-right tabular-nums text-success font-bold"
-}, ve = {
+}, ye = {
   key: 0,
   class: "flex flex-col items-end"
-}, pe = {
+}, ge = {
   key: 0,
   class: "text-sm uppercase tracking-wider font-extrabold opacity-80 mt-0.5"
-}, fe = {
+}, ke = {
   key: 1,
   class: "text-muted-foreground font-normal"
-}, be = { class: "invoice-td invoice-text-right tabular-nums font-bold text-foreground" }, ye = { class: "flex flex-row flex-wrap gap-3 items-center" }, he = {
+}, _e = { class: "invoice-td invoice-text-right tabular-nums font-bold text-foreground" }, Ie = { class: "flex flex-row flex-wrap gap-2 items-center" }, we = {
   key: 0,
-  class: "shrink-0 inline-block border border-border rounded-lg bg-white p-1.5"
-}, ge = {
+  class: "shrink-0 inline-block"
+}, De = {
   key: 1,
-  class: "shrink-0 inline-block border border-border rounded-lg bg-white p-2 overflow-hidden"
-}, ke = { key: 0 }, Ie = { class: "w-full md:w-[42%] min-w-[260px]" }, we = { key: 0 }, _e = { key: 1 }, je = /* @__PURE__ */ _({
+  class: "shrink-0 inline-block overflow-hidden"
+}, ze = { key: 0 }, Te = { class: "w-full md:w-[42%] min-w-[260px]" }, Ne = { key: 0 }, Ve = { key: 1 }, Oe = /* @__PURE__ */ I({
   __name: "InvoiceVariant4",
   props: {
     data: {},
     compact: { type: Boolean, default: !1 },
-    displayBarcodeValue: { type: Boolean, default: !1 }
+    displayBarcodeValue: { type: Boolean, default: !1 },
+    labels: {}
   },
-  setup(s) {
-    const w = s, e = b(() => w.data), y = b(() => e.value.items.some((x) => !!x.size)), h = b(() => e.value.items.some((x) => x.discount !== void 0));
-    return (x, d) => (t(), a("div", {
+  setup(l) {
+    const h = l, e = x(() => h.data), d = x(() => h.labels || {}), b = x(() => e.value.items.some((v) => !!v.size)), y = x(() => e.value.items.some((v) => v.discount !== void 0));
+    return (v, Be) => (o(), s("div", {
       class: "v-invoice-v4 bg-background border border-border text-foreground overflow-hidden rounded-xl font-sans print:shadow-none print:border-none",
-      style: D({
-        "--invoice-cell-px": s.compact ? "0.75rem" : "1rem",
-        "--invoice-cell-py": s.compact ? "0.5rem" : "0.75rem",
+      style: w({
+        "--invoice-cell-px": l.compact ? "0.75rem" : "1rem",
+        "--invoice-cell-py": l.compact ? "0.5rem" : "0.75rem",
         "--invoice-thead-bg": "var(--color-muted)",
         "--invoice-thead-border": "1px solid var(--color-border)",
         "--invoice-thead-color": "var(--color-muted-foreground)",
@@ -65,20 +79,20 @@ const V = { class: "flex flex-col sm:flex-row justify-between items-start gap-4"
         "--invoice-td-valign": "middle"
       })
     }, [
-      o("div", {
-        class: n(["bg-primary text-primary-fg", s.compact ? "px-5 py-4" : "px-6 py-5 sm:px-8"])
+      a("div", {
+        class: n(["bg-gray-900 text-white", l.compact ? "px-5 py-4" : "px-6 py-5 sm:px-8"])
       }, [
-        o("div", V, [
-          o("div", $, [
-            o("div", null, [
-              o("h1", {
-                class: n(["font-black tracking-tighter uppercase leading-none text-primary-fg", s.compact ? "text-3xl" : "text-4xl"])
-              }, l(e.value.brandTitle || "INVOICE"), 3),
-              o("div", j, [
-                o("span", {
-                  class: n(["font-semibold opacity-80", s.compact ? "text-sm" : "text-base"])
-                }, " #" + l(e.value.invoiceNumber), 3),
-                e.value.status ? (t(), T(B, {
+        a("div", $, [
+          a("div", C, [
+            a("div", null, [
+              a("h1", {
+                class: n(["font-black tracking-tighter uppercase leading-none text-white", l.compact ? "text-3xl" : "text-4xl"])
+              }, t(e.value.brandTitle || d.value.invoice || "INVOICE"), 3),
+              a("div", L, [
+                a("span", {
+                  class: n(["font-semibold opacity-80", l.compact ? "text-sm" : "text-base"])
+                }, " #" + t(e.value.invoiceNumber), 3),
+                e.value.status ? (o(), D(V, {
                   key: 0,
                   status: e.value.status,
                   "hide-icon": "",
@@ -86,190 +100,178 @@ const V = { class: "flex flex-col sm:flex-row justify-between items-start gap-4"
                 }, null, 8, ["status"])) : c("", !0)
               ])
             ]),
-            o("div", C, [
-              e.value.issuedDate ? (t(), a("div", L, [
-                o("p", {
-                  class: n(["font-semibold uppercase tracking-widest opacity-60", s.compact ? "text-[9px] mb-0.5" : "text-[10px] mb-1"])
-                }, " Issue Date ", 2),
-                i(u(k), {
+            a("div", S, [
+              e.value.issuedDate ? (o(), s("div", j, [
+                a("p", {
+                  class: n(["font-semibold uppercase tracking-widest opacity-60", l.compact ? "text-[9px] mb-0.5" : "text-[10px] mb-1"])
+                }, t(d.value.issued || "Issue Date"), 3),
+                r(u(g), {
                   value: e.value.issuedDate,
                   type: "date",
-                  class: n(["font-extrabold", s.compact ? "text-sm" : "text-base"])
+                  class: n(["font-extrabold", l.compact ? "text-sm" : "text-base"])
                 }, null, 8, ["value", "class"])
               ])) : c("", !0),
-              e.value.dueDate ? (t(), a("div", S, [
-                o("p", {
-                  class: n(["font-semibold uppercase tracking-widest opacity-60", s.compact ? "text-[9px] mb-0.5" : "text-[10px] mb-1"])
-                }, " Due Date ", 2),
-                i(u(k), {
+              e.value.dueDate ? (o(), s("div", q, [
+                a("p", {
+                  class: n(["font-semibold uppercase tracking-widest opacity-60", l.compact ? "text-[9px] mb-0.5" : "text-[10px] mb-1"])
+                }, t(d.value.due || "Due Date"), 3),
+                r(u(g), {
                   value: e.value.dueDate,
                   type: "date",
-                  class: n(["font-extrabold", s.compact ? "text-sm" : "text-base"])
+                  class: n(["font-extrabold", l.compact ? "text-sm" : "text-base"])
                 }, null, 8, ["value", "class"])
               ])) : c("", !0)
             ])
           ]),
-          o("div", E, [
-            e.value.brandLogo ? (t(), a("div", {
+          a("div", E, [
+            e.value.brandLogo ? (o(), s("div", {
               key: 0,
-              class: n(["bg-white/10 rounded-lg p-2 border border-white/20", s.compact ? "h-11" : "h-14"])
+              class: n(["bg-white/10 rounded-lg p-2 border border-white/20", l.compact ? "h-11" : "h-14"])
             }, [
-              i(I, {
+              r(k, {
                 src: e.value.brandLogo,
                 alt: e.value.brandName,
                 class: "h-full w-auto object-contain",
                 rounded: "sm"
               }, null, 8, ["src", "alt"])
             ], 2)) : c("", !0),
-            e.value.brandName ? (t(), a("h2", {
+            e.value.brandName ? (o(), s("h2", {
               key: 1,
-              class: n(["font-extrabold tracking-tight opacity-90 text-primary-fg", s.compact ? "text-base" : "text-lg"])
-            }, l(e.value.brandName), 3)) : c("", !0)
+              class: n(["font-extrabold tracking-tight opacity-90 text-white", l.compact ? "text-base" : "text-lg"])
+            }, t(e.value.brandName), 3)) : c("", !0)
           ])
         ])
       ], 2),
-      o("div", {
-        class: n(s.compact ? "p-5" : "px-7 py-4.5")
+      a("div", {
+        class: n(l.compact ? "p-5" : "px-7 py-4.5")
       }, [
-        o("div", q, [
-          e.value.companyInfo ? (t(), a("div", F, [
-            o("p", {
-              class: n(["font-bold text-primary uppercase tracking-widest border-b border-primary/20 pb-1 inline-block mb-2", s.compact ? "text-[10px]" : "text-[11px]"])
-            }, " From ", 2),
-            o("div", {
-              class: n(["text-muted-foreground leading-relaxed", s.compact ? "text-xs space-y-0.5" : "text-sm space-y-1"])
+        a("div", F, [
+          e.value.companyInfo ? (o(), s("div", O, [
+            a("p", {
+              class: n(["font-bold text-gray-700 uppercase tracking-widest border-b border-gray-300 pb-1 inline-block mb-2", l.compact ? "text-[10px]" : "text-[11px]"])
+            }, t(d.value.from || "From"), 3),
+            a("div", {
+              class: n(["text-muted-foreground leading-relaxed", l.compact ? "text-xs space-y-0.5" : "text-sm space-y-1"])
             }, [
-              e.value.companyInfo.name ? (t(), a("p", {
+              e.value.companyInfo.name ? (o(), s("p", {
                 key: 0,
-                class: n(["font-extrabold text-foreground", s.compact ? "text-sm mb-0.5" : "text-base mb-1"])
-              }, l(e.value.companyInfo.name), 3)) : c("", !0),
-              e.value.companyInfo.address ? (t(), a("p", G, l(e.value.companyInfo.address), 1)) : c("", !0),
-              e.value.companyInfo.city || e.value.companyInfo.state ? (t(), a("p", O, [
-                m(l(e.value.companyInfo.city), 1),
-                e.value.companyInfo.city && e.value.companyInfo.state ? (t(), a(v, { key: 0 }, [
+                class: n(["font-extrabold text-foreground", l.compact ? "text-sm mb-0.5" : "text-base mb-1"])
+              }, t(e.value.companyInfo.name), 3)) : c("", !0),
+              e.value.companyInfo.address ? (o(), s("p", P, t(e.value.companyInfo.address), 1)) : c("", !0),
+              e.value.companyInfo.city || e.value.companyInfo.state ? (o(), s("p", K, [
+                m(t(e.value.companyInfo.city), 1),
+                e.value.companyInfo.city && e.value.companyInfo.state ? (o(), s(f, { key: 0 }, [
                   m(", ")
                 ], 64)) : c("", !0),
-                m(l(e.value.companyInfo.state) + " " + l(e.value.companyInfo.zip), 1)
+                m(t(e.value.companyInfo.state) + " " + t(e.value.companyInfo.zip), 1)
               ])) : c("", !0),
-              e.value.companyInfo.country ? (t(), a("p", P, l(e.value.companyInfo.country), 1)) : c("", !0),
-              o("div", K, [
-                e.value.companyInfo.email ? (t(), a("p", Q, l(e.value.companyInfo.email), 1)) : c("", !0),
-                e.value.companyInfo.phone ? (t(), a("p", U, l(e.value.companyInfo.phone), 1)) : c("", !0),
-                e.value.companyInfo.website ? (t(), a("p", A, l(e.value.companyInfo.website), 1)) : c("", !0)
+              e.value.companyInfo.country ? (o(), s("p", Q, t(e.value.companyInfo.country), 1)) : c("", !0),
+              a("div", U, [
+                e.value.companyInfo.email ? (o(), s("p", A, t(e.value.companyInfo.email), 1)) : c("", !0),
+                e.value.companyInfo.phone ? (o(), s("p", G, t(e.value.companyInfo.phone), 1)) : c("", !0),
+                e.value.companyInfo.website ? (o(), s("p", H, t(e.value.companyInfo.website), 1)) : c("", !0)
               ]),
-              e.value.companyInfo.taxId ? (t(), a("p", H, "Tax ID: " + l(e.value.companyInfo.taxId), 1)) : c("", !0)
+              e.value.companyInfo.taxId ? (o(), s("p", J, t(d.value.taxId || "Tax ID") + ": " + t(e.value.companyInfo.taxId), 1)) : c("", !0)
             ], 2)
           ])) : c("", !0),
-          e.value.customerInfo ? (t(), a("div", J, [
-            o("p", {
-              class: n(["font-bold text-primary uppercase tracking-widest border-b border-primary/20 pb-1 inline-block mb-2", s.compact ? "text-[10px]" : "text-[11px]"])
-            }, " Billed To ", 2),
-            o("div", {
-              class: n(["text-muted-foreground leading-relaxed", s.compact ? "text-xs space-y-0.5" : "text-sm space-y-1"])
+          e.value.customerInfo ? (o(), s("div", M, [
+            a("p", {
+              class: n(["font-bold text-gray-700 uppercase tracking-widest border-b border-gray-300 pb-1 inline-block mb-2", l.compact ? "text-[10px]" : "text-[11px]"])
+            }, t(d.value.billedTo || "Billed To"), 3),
+            a("div", {
+              class: n(["text-muted-foreground leading-relaxed", l.compact ? "text-xs space-y-0.5" : "text-sm space-y-1"])
             }, [
-              e.value.customerInfo.name ? (t(), a("p", {
+              e.value.customerInfo.name ? (o(), s("p", {
                 key: 0,
-                class: n(["font-extrabold text-foreground", s.compact ? "text-sm mb-0.5" : "text-base mb-1"])
-              }, l(e.value.customerInfo.name), 3)) : c("", !0),
-              e.value.customerInfo.address ? (t(), a("p", M, l(e.value.customerInfo.address), 1)) : c("", !0),
-              e.value.customerInfo.city || e.value.customerInfo.state ? (t(), a("p", R, [
-                m(l(e.value.customerInfo.city), 1),
-                e.value.customerInfo.city && e.value.customerInfo.state ? (t(), a(v, { key: 0 }, [
+                class: n(["font-extrabold text-foreground", l.compact ? "text-sm mb-0.5" : "text-base mb-1"])
+              }, t(e.value.customerInfo.name), 3)) : c("", !0),
+              e.value.customerInfo.address ? (o(), s("p", R, t(e.value.customerInfo.address), 1)) : c("", !0),
+              e.value.customerInfo.city || e.value.customerInfo.state ? (o(), s("p", W, [
+                m(t(e.value.customerInfo.city), 1),
+                e.value.customerInfo.city && e.value.customerInfo.state ? (o(), s(f, { key: 0 }, [
                   m(", ")
                 ], 64)) : c("", !0),
-                m(l(e.value.customerInfo.state) + " " + l(e.value.customerInfo.zip), 1)
+                m(t(e.value.customerInfo.state) + " " + t(e.value.customerInfo.zip), 1)
               ])) : c("", !0),
-              e.value.customerInfo.country ? (t(), a("p", W, l(e.value.customerInfo.country), 1)) : c("", !0),
-              o("div", X, [
-                e.value.customerInfo.email ? (t(), a("p", Y, l(e.value.customerInfo.email), 1)) : c("", !0),
-                e.value.customerInfo.phone ? (t(), a("p", Z, l(e.value.customerInfo.phone), 1)) : c("", !0)
+              e.value.customerInfo.country ? (o(), s("p", X, t(e.value.customerInfo.country), 1)) : c("", !0),
+              a("div", Y, [
+                e.value.customerInfo.email ? (o(), s("p", Z, t(e.value.customerInfo.email), 1)) : c("", !0),
+                e.value.customerInfo.phone ? (o(), s("p", ee, t(e.value.customerInfo.phone), 1)) : c("", !0)
               ]),
-              e.value.customerInfo.taxId ? (t(), a("p", ee, " Tax ID: " + l(e.value.customerInfo.taxId), 1)) : c("", !0)
+              e.value.customerInfo.taxId ? (o(), s("p", te, t(d.value.taxId || "Tax ID") + ": " + t(e.value.customerInfo.taxId), 1)) : c("", !0)
             ], 2)
           ])) : c("", !0)
         ]),
-        o("div", {
-          class: n(["border border-border rounded-lg overflow-x-auto", s.compact ? "mb-5" : "mb-6"])
+        a("div", {
+          class: n(["border border-border rounded-lg overflow-x-auto", l.compact ? "mb-5" : "mb-6"])
         }, [
-          o("table", {
-            class: n(["invoice-table", s.compact ? "text-xs" : "text-sm"])
+          a("table", {
+            class: n(["invoice-table", l.compact ? "text-xs" : "text-sm"])
           }, [
-            o("thead", {
-              class: n(["invoice-thead uppercase", s.compact ? "text-[9px]" : "text-[10px]"])
+            a("thead", {
+              class: n(["invoice-thead uppercase", l.compact ? "text-[9px]" : "text-[10px]"])
             }, [
-              o("tr", null, [
-                d[0] || (d[0] = o("th", {
-                  scope: "col",
-                  class: "invoice-th font-bold"
-                }, "Product", -1)),
-                d[1] || (d[1] = o("th", {
-                  scope: "col",
-                  class: "invoice-th invoice-text-right font-bold"
-                }, "Qty", -1)),
-                y.value ? (t(), a("th", te, " Size ")) : c("", !0),
-                d[2] || (d[2] = o("th", {
-                  scope: "col",
-                  class: "invoice-th invoice-text-right font-bold"
-                }, "Price", -1)),
-                h.value ? (t(), a("th", oe, " Discount ")) : c("", !0),
-                d[3] || (d[3] = o("th", {
-                  scope: "col",
-                  class: "invoice-th invoice-text-right font-bold text-primary"
-                }, " Total ", -1))
+              a("tr", null, [
+                a("th", oe, t(d.value.item || "Product"), 1),
+                a("th", ae, t(d.value.qty || "Qty"), 1),
+                b.value ? (o(), s("th", se, t(d.value.size || "Size"), 1)) : c("", !0),
+                a("th", ce, t(d.value.price || "Price"), 1),
+                y.value ? (o(), s("th", le, t(d.value.discount || "Discount"), 1)) : c("", !0),
+                a("th", ne, t(d.value.total || "Total"), 1)
               ])
             ], 2),
-            o("tbody", ae, [
-              (t(!0), a(v, null, g(e.value.items, (r, f) => (t(), a("tr", {
-                key: r.id || f,
+            a("tbody", ie, [
+              (o(!0), s(f, null, z(e.value.items, (i, _) => (o(), s("tr", {
+                key: i.id || _,
                 class: "invoice-tr group"
               }, [
-                o("td", se, [
-                  o("div", ce, [
-                    r.thumbnail ? (t(), a("div", {
+                a("td", de, [
+                  a("div", re, [
+                    i.thumbnail ? (o(), s("div", {
                       key: 0,
-                      class: n(["shrink-0 overflow-hidden border border-border", s.compact ? "w-9 h-9 rounded-md" : "w-10 h-10 rounded-lg"])
+                      class: n(["shrink-0 overflow-hidden border border-border", l.compact ? "w-9 h-9 rounded-md" : "w-10 h-10 rounded-lg"])
                     }, [
-                      i(I, {
-                        src: r.thumbnail,
-                        alt: r.name,
+                      r(k, {
+                        src: i.thumbnail,
+                        alt: i.name,
                         class: "w-full h-full",
                         rounded: "sm"
                       }, null, 8, ["src", "alt"])
                     ], 2)) : c("", !0),
-                    o("div", le, [
-                      o("span", {
+                    a("div", ue, [
+                      a("span", {
                         class: "block truncate font-semibold text-foreground text-sm",
-                        title: r.name
-                      }, l(r.name), 9, ne),
-                      r.sku ? (t(), a("div", {
+                        title: i.name
+                      }, t(i.name), 9, me),
+                      i.sku ? (o(), s("div", {
                         key: 0,
                         class: "text-xs uppercase tracking-widest text-muted-foreground font-medium truncate mt-0.5",
-                        title: r.sku
-                      }, " SKU: " + l(r.sku), 9, re)) : c("", !0),
-                      r.description && !s.compact ? (t(), a("span", ie, l(r.description), 1)) : c("", !0)
+                        title: i.sku
+                      }, t(d.value.sku || "SKU") + ": " + t(i.sku), 9, ve)) : c("", !0),
+                      i.description && !l.compact ? (o(), s("span", xe, t(i.description), 1)) : c("", !0)
                     ])
                   ])
                 ]),
-                o("td", de, l(r.quantity), 1),
-                y.value ? (t(), a("td", ue, l(r.size || "-"), 1)) : c("", !0),
-                o("td", me, [
-                  i(u(p), {
-                    value: r.price,
+                a("td", fe, t(i.quantity), 1),
+                b.value ? (o(), s("td", pe, t(i.size || "-"), 1)) : c("", !0),
+                a("td", he, [
+                  r(u(p), {
+                    value: i.price,
                     class: "text-sm"
                   }, null, 8, ["value"])
                 ]),
-                h.value ? (t(), a("td", xe, [
-                  r.discount !== void 0 ? (t(), a("div", ve, [
-                    i(u(p), {
-                      value: -r.discount,
+                y.value ? (o(), s("td", be, [
+                  i.discount !== void 0 ? (o(), s("div", ye, [
+                    r(u(p), {
+                      value: -i.discount,
                       class: "text-sm"
                     }, null, 8, ["value"]),
-                    r.discountLabel ? (t(), a("span", pe, l(r.discountLabel), 1)) : c("", !0)
-                  ])) : (t(), a("span", fe, "-"))
+                    i.discountLabel ? (o(), s("span", ge, t(i.discountLabel), 1)) : c("", !0)
+                  ])) : (o(), s("span", ke, "-"))
                 ])) : c("", !0),
-                o("td", be, [
-                  i(u(p), {
-                    value: r.total,
+                a("td", _e, [
+                  r(u(p), {
+                    value: i.total,
                     class: "text-sm"
                   }, null, 8, ["value"])
                 ])
@@ -277,67 +279,55 @@ const V = { class: "flex flex-col sm:flex-row justify-between items-start gap-4"
             ])
           ], 2)
         ], 2),
-        o("div", {
-          class: n(["flex flex-col-reverse md:flex-row justify-between items-start", s.compact ? "gap-5" : "gap-6"])
+        a("div", {
+          class: n(["flex flex-col-reverse md:flex-row justify-between items-start", l.compact ? "gap-5" : "gap-6"])
         }, [
-          o("div", {
-            class: n(["w-full md:w-1/2 flex flex-col", s.compact ? "gap-3" : "gap-4"])
+          a("div", {
+            class: n(["w-full md:w-1/2 flex flex-col", l.compact ? "gap-3" : "gap-4"])
           }, [
-            o("div", ye, [
-              e.value.qrcode ? (t(), a("div", he, [
-                i(u(N), {
+            a("div", Ie, [
+              e.value.qrcode ? (o(), s("div", we, [
+                r(u(N), {
                   value: e.value.qrcode,
-                  size: s.compact ? 56 : 72
+                  size: l.compact ? 56 : 72
                 }, null, 8, ["value", "size"])
               ])) : c("", !0),
-              e.value.barcode ? (t(), a("div", ge, [
-                i(u(z), {
+              e.value.barcode ? (o(), s("div", De, [
+                r(u(T), {
                   value: e.value.barcode,
                   format: "CODE128",
-                  height: s.compact ? 28 : 36,
-                  width: s.compact ? 1.3 : 1.5,
-                  "display-value": s.displayBarcodeValue
+                  height: l.compact ? 28 : 40,
+                  width: l.compact ? 1.3 : 1.5,
+                  "display-value": l.displayBarcodeValue
                 }, null, 8, ["value", "height", "width", "display-value"])
               ])) : c("", !0)
             ]),
-            e.value.notes ? (t(), a("div", ke, [
-              o("h4", {
-                class: n(["font-bold text-muted-foreground uppercase tracking-widest mb-1.5", s.compact ? "text-[9px]" : "text-[10px]"])
-              }, " Notes & Terms ", 2),
-              o("div", {
-                class: n(["text-muted-foreground leading-relaxed whitespace-pre-wrap p-3 bg-muted/30 rounded-lg border border-border", s.compact ? "text-xs max-w-xs" : "text-xs max-w-sm"])
-              }, l(e.value.notes), 3)
+            e.value.notes ? (o(), s("div", ze, [
+              a("h4", {
+                class: n(["font-bold text-muted-foreground uppercase tracking-widest mb-1.5", l.compact ? "text-[9px]" : "text-[10px]"])
+              }, t(d.value.notes || "Notes & Terms"), 3),
+              a("div", {
+                class: n(["text-muted-foreground leading-relaxed whitespace-pre-wrap p-3 bg-muted/30 rounded-lg border border-border", l.compact ? "text-xs max-w-xs" : "text-xs max-w-sm"])
+              }, t(e.value.notes), 3)
             ])) : c("", !0)
           ], 2),
-          o("div", Ie, [
-            o("div", {
-              class: n(["border border-border rounded-lg", s.compact ? "p-4 space-y-2" : "p-5 space-y-2.5"])
-            }, [
-              (t(!0), a(v, null, g(e.value.totals, (r, f) => (t(), a("div", {
-                key: f,
-                class: n(["flex justify-between items-center", [
-                  r.isGrandTotal ? s.compact ? "pt-2.5 mt-1 border-t border-primary/30 text-base font-black text-primary" : "pt-3 mt-1.5 border-t border-primary/30 text-lg font-black text-primary" : s.compact ? "text-xs font-semibold text-muted-foreground" : "text-sm font-semibold text-muted-foreground"
-                ]])
-              }, [
-                o("span", {
-                  class: n(r.isGrandTotal ? "uppercase tracking-widest text-xs" : "")
-                }, l(r.label), 3),
-                i(u(p), {
-                  value: r.value
-                }, null, 8, ["value"])
-              ], 2))), 128))
-            ], 2)
+          a("div", Te, [
+            r(B, {
+              totals: e.value.totals,
+              compact: l.compact,
+              variant: "Variant4"
+            }, null, 8, ["totals", "compact"])
           ])
         ], 2)
       ], 2),
-      o("div", {
-        class: n(["bg-primary text-primary-foreground flex justify-center font-bold uppercase tracking-widest", s.compact ? "py-2 px-4 text-[9px]" : "py-2.5 px-6 text-[10px]"])
+      a("div", {
+        class: n(["bg-gray-900 text-white flex justify-center font-bold uppercase tracking-widest", l.compact ? "py-2 px-4 text-[9px]" : "py-2.5 px-6 text-[10px]"])
       }, [
-        e.value.footerText ? (t(), a("span", we, l(e.value.footerText), 1)) : (t(), a("span", _e, "Thank you for your business"))
+        e.value.footerText ? (o(), s("span", Ne, t(e.value.footerText), 1)) : (o(), s("span", Ve, "Thank you for your business"))
       ], 2)
     ], 4));
   }
 });
 export {
-  je as default
+  Oe as default
 };

package/components/Invoice/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Invoice } from './Invoice.vue';
+export { default as InvoiceTotals } from './InvoiceTotals.vue';
 export * from './types';

package/components/Invoice/types.d.ts

@@ -82,6 +82,24 @@ export interface InvoiceData {
     /** Footer text, usually for terms and conditions */
     footerText?: string;
 }
+export interface InvoiceLabels {
+    invoice?: string;
+    invoiceNumber?: string;
+    issued?: string;
+    due?: string;
+    from?: string;
+    billedTo?: string;
+    status?: string;
+    item?: string;
+    price?: string;
+    qty?: string;
+    size?: string;
+    discount?: string;
+    total?: string;
+    notes?: string;
+    sku?: string;
+    taxId?: string;
+}
 export interface InvoiceProps {
     data: InvoiceData;
     variant?: InvoiceVariant;
@@ -94,4 +112,8 @@ export interface InvoiceProps {
      * Whether to display the text value underneath the barcode
      */
     displayBarcodeValue?: boolean;
+    /**
+     * Custom text labels for static UI strings (e.g. overriding "Invoice", "Issued")
+     */
+    labels?: InvoiceLabels;
 }

package/components/Masonry/Masonry.vue.d.ts

@@ -16,8 +16,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MasonryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MasonryProps> & Readonly<{}>, {
     tag: string;
-    itemKey: string;
     gap: number;
+    itemKey: string;
     cols: number | Record<string | number, number>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: unknown;

package/components/Modal.vue.js

@@ -1,7 +1,7 @@
 import o from "./Modal.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7c958115"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-350b61e5"]]);
 export {
   p as default
 };