vlite3 1.0.10 → 1.1.2

package/components/Invoice/InvoiceVariant1.vue.js

@@ -0,0 +1,360 @@
+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 N from "../Barcode/Barcode.vue.js";
+import T from "../QRCode/QRCode.vue.js";
+import I 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 = {
+  key: 0,
+  class: "flex items-center gap-3 border-r-[1.5px] pr-3 border-gray-300"
+}, j = {
+  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 = {
+  key: 3,
+  class: "pt-0.5"
+}, U = { key: 4 }, K = {
+  key: 5,
+  class: "pt-0.5"
+}, O = { key: 1 }, P = { key: 0 }, Q = { key: 1 }, A = { key: 2 }, H = {
+  key: 3,
+  class: "pt-0.5"
+}, J = { key: 4 }, M = {
+  key: 5,
+  class: "pt-0.5"
+}, R = {
+  key: 1,
+  class: "border-b border-border overflow-x-auto"
+}, W = { class: "invoice-thead" }, X = {
+  key: 0,
+  scope: "col",
+  class: "invoice-th invoice-text-right"
+}, Y = {
+  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 = {
+  key: 0,
+  class: "text-muted-foreground uppercase tracking-wider font-medium mt-0.5 text-xs"
+}, ce = {
+  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 = {
+  key: 0,
+  class: "invoice-td invoice-text-right tabular-nums text-muted-foreground"
+}, re = { class: "invoice-td invoice-text-right tabular-nums" }, ue = {
+  key: 1,
+  class: "invoice-td invoice-text-right tabular-nums text-success font-semibold"
+}, ie = {
+  key: 0,
+  class: "flex flex-col items-end gap-0.5"
+}, de = {
+  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 = {
+  key: 1,
+  class: "flex flex-row flex-wrap gap-3 items-center"
+}, pe = {
+  key: 0,
+  class: "shrink-0 p-1 bg-white border border-border"
+}, fe = {
+  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__ */ _({
+  __name: "InvoiceVariant1",
+  props: {
+    data: {},
+    compact: { type: Boolean, default: !1 },
+    displayBarcodeValue: { type: Boolean, default: !1 }
+  },
+  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", {
+      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",
+        "--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"])
+      }, [
+        a("div", V, [
+          a("div", $, [
+            a("div", {
+              class: l(s.compact ? "h-10 w-10" : "h-13 w-13")
+            }, [
+              i(I, {
+                src: e.value.brandLogo,
+                alt: e.value.brandName,
+                class: "h-full w-auto object-contain",
+                rounded: "md"
+              }, null, 8, ["src", "alt"])
+            ], 2)
+          ]),
+          a("div", {
+            class: l(["flex-1 min-w-0", s.compact ? "space-y-0.5" : "space-y-1"])
+          }, [
+            e.value.brandName ? (t(), o("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", {
+              key: 1,
+              class: l(["text-muted-foreground font-medium truncate", s.compact ? "text-xs" : "text-sm"])
+            }, n(e.value.brandTitle), 3)) : c("", !0)
+          ], 2),
+          a("div", {
+            class: l(["text-right shrink-0", s.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)
+            ])
+          ], 2)
+        ]),
+        a("div", {
+          class: l(["flex items-center gap-4 text-xs", s.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), {
+              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), {
+              value: e.value.dueDate,
+              type: "date",
+              class: "font-semibold text-foreground tabular-nums"
+            }, null, 8, ["value"])
+          ])) : c("", !0),
+          e.value.status ? (t(), D(B, {
+            key: 2,
+            status: e.value.status,
+            "hide-icon": "",
+            size: "small"
+          }, null, 8, ["status"])) : c("", !0)
+        ], 2)
+      ], 2),
+      e.value.companyInfo || e.value.customerInfo ? (t(), o("div", {
+        key: 0,
+        class: l(["border-b border-border", s.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", {
+              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"])
+            }, [
+              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 }, [
+                  m(", ")
+                ], 64)) : c("", !0),
+                m(n(e.value.companyInfo.state) + " " + n(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)
+            ], 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.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 }, [
+                  m(", ")
+                ], 64)) : c("", !0),
+                m(n(e.value.customerInfo.state) + " " + n(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)
+            ], 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"])
+        }, [
+          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))
+            ])
+          ]),
+          a("tbody", Z, [
+            (t(!0), o(x, null, g(e.value.items, (r, f) => (t(), o("tr", {
+              key: r.id || f,
+              class: "invoice-tr group"
+            }, [
+              a("td", ee, [
+                a("div", te, [
+                  r.thumbnail ? (t(), o("div", {
+                    key: 0,
+                    class: l(["shrink-0 overflow-hidden", s.compact ? "w-9 h-9" : "w-10 h-10"])
+                  }, [
+                    i(I, {
+                      src: r.thumbnail,
+                      alt: r.name,
+                      class: "w-full h-full ronded!",
+                      rounded: "md"
+                    }, null, 8, ["src", "alt"])
+                  ], 2)) : c("", !0),
+                  a("div", oe, [
+                    a("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)
+                  ])
+                ])
+              ]),
+              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,
+                  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,
+                    class: "text-sm"
+                  }, null, 8, ["value"]),
+                  r.discountLabel ? (t(), o("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, "—"))
+              ])) : c("", !0),
+              a("td", me, [
+                i(d(p), {
+                  value: r.total,
+                  class: "text-sm"
+                }, null, 8, ["value"])
+              ])
+            ]))), 128))
+          ])
+        ], 2)
+      ])) : c("", !0),
+      a("div", {
+        class: l(s.compact ? "p-6" : "p-8")
+      }, [
+        a("div", {
+          class: l(["flex flex-col-reverse lg:flex-row justify-between", s.compact ? "gap-6" : "gap-8"])
+        }, [
+          a("div", {
+            class: l(["w-full lg:w-1/2 flex flex-col", s.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)
+            ])) : c("", !0),
+            e.value.qrcode || e.value.barcode ? (t(), o("div", xe, [
+              e.value.qrcode ? (t(), o("div", pe, [
+                i(d(T), {
+                  value: e.value.qrcode,
+                  size: s.compact ? 48 : 56
+                }, null, 8, ["value", "size"])
+              ])) : c("", !0),
+              e.value.barcode ? (t(), o("div", fe, [
+                i(d(N), {
+                  value: e.value.barcode,
+                  format: "CODE128",
+                  height: s.compact ? 24 : 30,
+                  width: s.compact ? 1.2 : 1.4,
+                  "display-value": s.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)
+          ])
+        ], 2)
+      ], 2),
+      e.value.footerText ? (t(), o("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)
+    ], 4));
+  }
+});
+export {
+  ze as default
+};

package/components/Invoice/InvoiceVariant1.vue2.js

@@ -0,0 +1,4 @@
+import f from "./InvoiceVariant1.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,13 @@
+import { InvoiceData } 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;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    compact: boolean;
+    displayBarcodeValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Invoice/InvoiceVariant2.vue.js

@@ -0,0 +1,226 @@
+import { defineComponent as b, computed as g, openBlock as s, createElementBlock as o, normalizeStyle as h, normalizeClass as n, createElementVNode as a, createVNode as u, createCommentVNode as r, toDisplayString as l, unref as m, Fragment as f, renderList as p } from "vue";
+import i from "../Price/Price.vue.js";
+import k from "../DateTime/DateTime.vue.js";
+import w from "../Barcode/Barcode.vue.js";
+import I from "../QRCode/QRCode.vue.js";
+import v from "../Avatar.vue.js";
+import j from "../StatusChip/StatusChip.vue.js";
+const z = {
+  key: 0,
+  class: "flex justify-center mb-2"
+}, N = { key: 0 }, V = { key: 1 }, B = { key: 2 }, D = { key: 3 }, $ = { class: "flex justify-between items-center" }, C = { class: "font-semibold text-foreground" }, L = {
+  key: 0,
+  class: "flex justify-between items-center"
+}, T = {
+  key: 1,
+  class: "flex justify-between items-center"
+}, S = { class: "font-semibold text-foreground" }, q = {
+  key: 2,
+  class: "flex justify-between items-center"
+}, E = { class: "flex items-start gap-2.5" }, A = { class: "flex-1 min-w-0" }, F = { class: "flex justify-between items-start gap-2" }, G = ["title"], K = {
+  key: 0,
+  class: "text-muted-foreground"
+}, O = {
+  key: 1,
+  class: "text-success font-medium flex items-center gap-0.5"
+}, R = { key: 0 }, U = { class: "flex flex-row flex-wrap items-center justify-center gap-3" }, H = {
+  key: 0,
+  class: "p-1 bg-white border border-border rounded"
+}, J = {
+  key: 1,
+  class: "bg-white p-1 rounded border border-border overflow-hidden"
+}, ee = /* @__PURE__ */ b({
+  __name: "InvoiceVariant2",
+  props: {
+    data: {},
+    compact: { type: Boolean, default: !1 },
+    displayBarcodeValue: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const y = t, e = g(() => y.data);
+    return (M, c) => (s(), o("div", {
+      class: n(["v-invoice-v2 bg-background text-foreground border border-border mx-auto print:max-w-[300px] font-sans tracking-tight", t.compact ? "max-w-xs" : "max-w-sm sm:max-w-md"]),
+      style: h({
+        "--text-sm": t.compact ? "12px" : "13.5px",
+        "--text-xs": t.compact ? "9.5px" : "10px"
+      })
+    }, [
+      a("div", {
+        class: n(["text-center", t.compact ? "p-4 pb-3" : "p-6 pb-4"])
+      }, [
+        e.value.brandLogo ? (s(), o("div", z, [
+          u(v, {
+            src: e.value.brandLogo,
+            alt: e.value.brandName,
+            class: n(t.compact ? "h-9 w-9" : "h-12 w-12"),
+            rounded: "md"
+          }, null, 8, ["src", "alt", "class"])
+        ])) : r("", !0),
+        e.value.brandName ? (s(), o("h2", {
+          key: 1,
+          class: n(["font-bold uppercase tracking-widest text-foreground", t.compact ? "text-base" : "text-xl"])
+        }, l(e.value.brandName), 3)) : r("", !0),
+        e.value.companyInfo ? (s(), o("div", {
+          key: 2,
+          class: n(["text-muted-foreground space-y-0.5 mt-1", t.compact ? "text-xs" : "text-sm"])
+        }, [
+          e.value.companyInfo.address ? (s(), o("p", N, l(e.value.companyInfo.address), 1)) : r("", !0),
+          e.value.companyInfo.city || e.value.companyInfo.state ? (s(), o("p", V, l(e.value.companyInfo.city) + " " + l(e.value.companyInfo.state) + " " + l(e.value.companyInfo.zip), 1)) : r("", !0),
+          e.value.companyInfo.phone ? (s(), o("p", B, l(e.value.companyInfo.phone), 1)) : r("", !0),
+          e.value.companyInfo.taxId ? (s(), o("p", D, "VAT: " + l(e.value.companyInfo.taxId), 1)) : r("", !0)
+        ], 2)) : r("", !0)
+      ], 2),
+      a("div", {
+        class: n(["border-t border-dashed border-border", t.compact ? "mx-3" : "mx-5"])
+      }, null, 2),
+      a("div", {
+        class: n(t.compact ? "px-4 py-2.5 space-y-1 text-xs" : "px-5 py-3.5 space-y-1.5 text-sm")
+      }, [
+        a("div", $, [
+          c[0] || (c[0] = a("span", { class: "text-muted-foreground font-medium" }, "Receipt #", -1)),
+          a("span", C, l(e.value.invoiceNumber), 1)
+        ]),
+        e.value.issuedDate ? (s(), o("div", L, [
+          c[1] || (c[1] = a("span", { class: "text-muted-foreground font-medium" }, "Date", -1)),
+          u(m(k), {
+            value: e.value.issuedDate,
+            type: "dateTime",
+            class: "font-medium text-foreground"
+          }, null, 8, ["value"])
+        ])) : r("", !0),
+        e.value.customerInfo?.name ? (s(), o("div", T, [
+          c[2] || (c[2] = a("span", { class: "text-muted-foreground font-medium" }, "Customer", -1)),
+          a("span", S, l(e.value.customerInfo.name), 1)
+        ])) : r("", !0),
+        e.value.status ? (s(), o("div", q, [
+          c[3] || (c[3] = a("span", { class: "text-muted-foreground font-medium" }, "Status", -1)),
+          u(j, {
+            status: e.value.status,
+            "hide-icon": "",
+            size: "small"
+          }, null, 8, ["status"])
+        ])) : r("", !0)
+      ], 2),
+      a("div", {
+        class: n(["border-t border-dashed border-border", t.compact ? "mx-3" : "mx-5"])
+      }, null, 2),
+      a("div", {
+        class: n(t.compact ? "px-4 py-2.5" : "px-5 py-3.5")
+      }, [
+        a("div", {
+          class: n(["flex justify-between font-semibold text-muted-foreground uppercase tracking-wider mb-2", t.compact ? "text-[10px]" : "text-xs"])
+        }, [...c[4] || (c[4] = [
+          a("span", null, "Item", -1),
+          a("span", null, "Amount", -1)
+        ])], 2),
+        a("div", {
+          class: n(t.compact ? "space-y-2.5" : "space-y-3.5")
+        }, [
+          (s(!0), o(f, null, p(e.value.items, (d, x) => (s(), o("div", {
+            key: d.id || x
+          }, [
+            a("div", E, [
+              d.thumbnail ? (s(), o("div", {
+                key: 0,
+                class: n(["shrink-0 overflow-hidden border border-border mt-0.5", t.compact ? "w-8 h-8 rounded" : "w-9 h-9 rounded-md"])
+              }, [
+                u(v, {
+                  src: d.thumbnail,
+                  alt: d.name,
+                  class: "w-full h-full",
+                  rounded: "sm"
+                }, null, 8, ["src", "alt"])
+              ], 2)) : r("", !0),
+              a("div", A, [
+                a("div", F, [
+                  a("span", {
+                    class: n(["font-semibold text-foreground truncate", t.compact ? "text-xs" : "text-sm"]),
+                    title: d.name
+                  }, l(d.name), 11, G),
+                  u(m(i), {
+                    value: d.total,
+                    class: n(["shrink-0 font-bold text-foreground", t.compact ? "text-xs" : "text-sm"])
+                  }, null, 8, ["value", "class"])
+                ]),
+                d.sku ? (s(), o("div", {
+                  key: 0,
+                  class: n(["text-muted-foreground uppercase tracking-tight truncate mt-0.5", t.compact ? "text-[9px]" : "text-[10px]"])
+                }, " SKU: " + l(d.sku), 3)) : r("", !0),
+                a("div", {
+                  class: n(["text-muted-foreground flex flex-wrap gap-x-1.5 gap-y-0.5 mt-0.5", t.compact ? "text-[10px]" : "text-xs"])
+                }, [
+                  a("span", null, l(d.quantity) + " x", 1),
+                  u(m(i), {
+                    value: d.price
+                  }, null, 8, ["value"]),
+                  d.size ? (s(), o("span", K, "· " + l(d.size), 1)) : r("", !0),
+                  d.discount !== void 0 ? (s(), o("div", O, [
+                    c[5] || (c[5] = a("span", null, "· Disc:", -1)),
+                    u(m(i), {
+                      value: -d.discount
+                    }, null, 8, ["value"]),
+                    d.discountLabel ? (s(), o("span", R, "(" + l(d.discountLabel) + ")", 1)) : r("", !0)
+                  ])) : r("", !0)
+                ], 2)
+              ])
+            ])
+          ]))), 128))
+        ], 2)
+      ], 2),
+      a("div", {
+        class: n(["border-t border-dashed border-border", t.compact ? "mx-3" : "mx-5"])
+      }, null, 2),
+      a("div", {
+        class: n(t.compact ? "px-4 py-2.5 space-y-1" : "px-5 py-3 space-y-1.5")
+      }, [
+        (s(!0), o(f, null, p(e.value.totals, (d, x) => (s(), o("div", {
+          key: x,
+          class: n([
+            "flex justify-between items-center",
+            d.isGrandTotal ? t.compact ? "mt-1.5 pt-1.5 border-t border-border font-bold text-foreground text-sm" : "mt-2 pt-2 border-t border-border font-bold text-foreground text-base" : t.compact ? "text-xs font-medium text-muted-foreground" : "text-sm font-medium text-muted-foreground"
+          ])
+        }, [
+          a("span", null, l(d.label), 1),
+          u(m(i), {
+            value: d.value
+          }, null, 8, ["value"])
+        ], 2))), 128))
+      ], 2),
+      a("div", {
+        class: n(["border-t border-dashed border-border", t.compact ? "mx-3" : "mx-5"])
+      }, null, 2),
+      a("div", {
+        class: n(t.compact ? "px-4 py-3 text-center space-y-3" : "px-5 py-4 text-center space-y-4")
+      }, [
+        a("div", U, [
+          e.value.qrcode ? (s(), o("div", H, [
+            u(m(I), {
+              value: e.value.qrcode,
+              size: t.compact ? 48 : 64
+            }, null, 8, ["value", "size"])
+          ])) : r("", !0),
+          e.value.barcode ? (s(), o("div", J, [
+            u(m(w), {
+              value: e.value.barcode,
+              format: "CODE128",
+              height: t.compact ? 24 : 32,
+              width: t.compact ? 1 : 1.2,
+              "display-value": t.displayBarcodeValue
+            }, null, 8, ["value", "height", "width", "display-value"])
+          ])) : r("", !0)
+        ]),
+        e.value.notes ? (s(), o("div", {
+          key: 0,
+          class: n(["text-muted-foreground whitespace-pre-wrap", t.compact ? "text-[10px]" : "text-xs"])
+        }, l(e.value.notes), 3)) : r("", !0),
+        e.value.footerText ? (s(), o("div", {
+          key: 1,
+          class: n(["text-muted-foreground font-medium uppercase tracking-widest", t.compact ? "text-[9px]" : "text-[10px]"])
+        }, l(e.value.footerText), 3)) : r("", !0)
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  ee as default
+};

package/components/Invoice/InvoiceVariant2.vue2.js

@@ -0,0 +1,4 @@
+import f from "./InvoiceVariant2.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,13 @@
+import { InvoiceData } 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;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    compact: boolean;
+    displayBarcodeValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;