@nextblock-cms/ecom 0.20.1 → 0.21.0

package/lib/components/InvoiceDocument.es.js

@@ -1,196 +1,260 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import b from "next/image";
-import { getInvoiceAddressLines as a, formatInvoiceDate as N, formatInvoiceCurrency as s } from "../invoice.es.js";
-import { getOrderTaxRatePercentage as f, getOrderTaxRateLabel as v, getOrderTaxRateJurisdiction as x } from "../order-tax-details.es.js";
-function k({
-  data: t,
-  labels: r,
-  locale: p = "en-US",
-  className: c = ""
-}) {
-  const u = a(t.settings.address), g = a(t.order.customer_details?.billing), y = a(t.order.customer_details?.shipping);
-  return /* @__PURE__ */ n(
-    "section",
-    {
-      className: `rounded-2xl border bg-white text-slate-900 shadow-sm print:rounded-none print:border-0 print:text-[10px] print:shadow-none ${c}`,
-      children: [
-        /* @__PURE__ */ e("div", { className: "border-b px-6 py-6 print:px-0", children: /* @__PURE__ */ n("div", { className: "grid gap-6 md:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] md:items-start print:grid-cols-[minmax(0,1fr)_72px_280px] print:items-start print:gap-4", children: [
-          /* @__PURE__ */ n("div", { className: "order-2 max-w-md space-y-4 print:order-none print:max-w-none print:space-y-2 md:order-none", children: [
-            /* @__PURE__ */ n("div", { className: "space-y-1 text-sm print:text-[10px]", children: [
-              /* @__PURE__ */ e("p", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-slate-500", children: r.from }),
-              t.settings.businessName ? /* @__PURE__ */ e("p", { className: "text-base font-semibold", children: t.settings.businessName }) : null,
-              u.map((i, l) => /* @__PURE__ */ e("p", { children: i }, `seller-${l}-${i}`)),
-              t.settings.email ? /* @__PURE__ */ e("p", { children: t.settings.email }) : null,
-              t.settings.phone ? /* @__PURE__ */ e("p", { children: t.settings.phone }) : null
-            ] }),
-            t.settings.taxRegistrations.length > 0 ? /* @__PURE__ */ n("div", { className: "rounded-xl border bg-slate-50 px-4 py-3 text-sm print:px-3 print:py-2 print:text-[10px]", children: [
-              /* @__PURE__ */ e("p", { className: "mb-2 font-semibold", children: r.taxRegistrations }),
-              /* @__PURE__ */ e("div", { className: "space-y-1", children: t.settings.taxRegistrations.map((i, l) => /* @__PURE__ */ n("p", { children: [
-                /* @__PURE__ */ e("span", { className: "font-medium", children: i.label }),
-                i.label && i.value ? ": " : "",
-                i.value
-              ] }, `${i.label}-${i.value}-${l}`)) })
-            ] }) : null
-          ] }),
-          /* @__PURE__ */ e("div", { className: "order-1 flex justify-center md:order-none md:pt-2 print:order-none print:pt-1", children: t.logo?.url ? /* @__PURE__ */ e(
-            b,
-            {
-              src: t.logo.url,
-              alt: t.logo.name || t.settings.businessName || "Logo",
-              className: "mx-auto h-24 w-auto object-contain print:h-14",
-              width: t.logo.width || 320,
-              height: t.logo.height || 120
-            }
-          ) : null }),
-          /* @__PURE__ */ e("div", { className: "order-3 flex justify-start md:order-none md:justify-end print:order-none", children: /* @__PURE__ */ n("div", { className: "w-full max-w-[380px] rounded-2xl bg-slate-950 px-5 py-5 text-white print:max-w-none print:border print:border-slate-300 print:bg-white print:px-3 print:py-3 print:text-[10px] print:text-slate-950", children: [
-            /* @__PURE__ */ e("p", { className: "text-xs uppercase tracking-[0.2em] text-white/70 print:text-slate-500", children: r.invoice }),
-            /* @__PURE__ */ n("div", { className: "mt-4 space-y-3 text-sm print:mt-3 print:space-y-2 print:text-[10px]", children: [
-              /* @__PURE__ */ e(
-                o,
-                {
-                  label: r.invoiceNumber,
-                  value: t.order.invoice_number || "--"
-                }
-              ),
-              /* @__PURE__ */ e(o, { label: r.orderNumber, value: t.order.id }),
-              /* @__PURE__ */ e(
-                o,
-                {
-                  label: r.paidOn,
-                  value: N(t.order.paid_at || t.order.created_at, p) || "--"
-                }
-              ),
-              /* @__PURE__ */ e(o, { label: r.status, value: t.order.status })
-            ] })
-          ] }) })
-        ] }) }),
-        /* @__PURE__ */ n("div", { className: "grid gap-4 border-b px-6 py-6 md:grid-cols-2 print:grid-cols-2 print:gap-3 print:px-0 print:py-3", children: [
-          /* @__PURE__ */ e(h, { title: r.billTo, lines: g }),
-          /* @__PURE__ */ e(h, { title: r.shipTo, lines: y })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "px-6 py-6 print:px-0 print:py-3", children: [
-          /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-2xl border print:overflow-visible", children: /* @__PURE__ */ n("table", { className: "w-full border-collapse text-sm tabular-nums print:table-fixed print:text-[9px]", children: [
-            /* @__PURE__ */ e("thead", { className: "bg-slate-50", children: /* @__PURE__ */ n("tr", { children: [
-              /* @__PURE__ */ e("th", { className: "px-4 py-3 text-left font-semibold print:w-[22%] print:px-2 print:py-1.5", children: r.item }),
-              /* @__PURE__ */ e("th", { className: "px-4 py-3 text-left font-semibold print:w-[38%] print:px-2 print:py-1.5", children: r.details }),
-              /* @__PURE__ */ e("th", { className: "px-4 py-3 text-right font-semibold print:w-[10%] print:px-2 print:py-1.5", children: r.quantity }),
-              /* @__PURE__ */ e("th", { className: "px-4 py-3 text-right font-semibold print:w-[15%] print:px-2 print:py-1.5", children: r.price }),
-              /* @__PURE__ */ e("th", { className: "px-4 py-3 text-right font-semibold print:w-[15%] print:px-2 print:py-1.5", children: r.amount })
-            ] }) }),
-            /* @__PURE__ */ e("tbody", { children: t.order.items.map((i) => /* @__PURE__ */ n("tr", { className: "border-t", children: [
-              /* @__PURE__ */ e("td", { className: "px-4 py-4 font-medium print:px-2 print:py-1.5", children: i.title }),
-              /* @__PURE__ */ e("td", { className: "px-4 py-4 text-slate-600 print:px-2 print:py-1.5", children: i.description || "--" }),
-              /* @__PURE__ */ e("td", { className: "px-4 py-4 text-right print:px-2 print:py-1.5", children: i.quantity }),
-              /* @__PURE__ */ e("td", { className: "px-4 py-4 text-right print:px-2 print:py-1.5", children: s(i.unit_amount, t.order.currency, p) }),
-              /* @__PURE__ */ e("td", { className: "px-4 py-4 text-right font-medium print:px-2 print:py-1.5", children: s(i.total_amount, t.order.currency, p) })
-            ] }, i.id)) })
-          ] }) }),
-          /* @__PURE__ */ n("div", { className: "mt-6 grid gap-6 md:grid-cols-[minmax(0,1fr)_320px] print:mt-4 print:grid-cols-[minmax(0,1fr)_220px] print:items-start print:gap-4", children: [
-            /* @__PURE__ */ e("div", { children: t.order.tax_details?.lines?.length ? /* @__PURE__ */ n("div", { className: "rounded-xl border bg-slate-50 px-5 py-4 print:break-inside-avoid print:px-3 print:py-2.5 print:text-[10px]", children: [
-              /* @__PURE__ */ e("p", { className: "mb-3 font-semibold", children: r.taxBreakdown }),
-              /* @__PURE__ */ e("div", { className: "space-y-3 text-sm print:space-y-2 print:text-[10px]", children: t.order.tax_details.lines.map((i, l) => {
-                const m = f(i.rate);
-                return /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: "flex items-start justify-between gap-4",
-                    children: [
-                      /* @__PURE__ */ n("div", { children: [
-                        /* @__PURE__ */ n("p", { className: "font-medium", children: [
-                          v(i.rate),
-                          typeof m == "number" ? ` - ${m.toFixed(4)}%` : ""
-                        ] }),
-                        x(i.rate) ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-500 print:text-[9px]", children: x(i.rate) }) : null
-                      ] }),
-                      /* @__PURE__ */ e("span", { children: s(i.amount, t.order.currency, p) })
-                    ]
-                  },
-                  `${i.rate.display_name}-${i.description || "tax"}-${l}`
-                );
-              }) })
-            ] }) : null }),
-            /* @__PURE__ */ n("div", { className: "rounded-xl border bg-slate-950 px-5 py-5 text-sm text-white print:break-inside-avoid print:border-slate-300 print:bg-white print:px-3 print:py-3 print:text-[10px] print:text-slate-950", children: [
-              /* @__PURE__ */ n("div", { className: "space-y-3 print:space-y-2", children: [
-                /* @__PURE__ */ e(
-                  d,
-                  {
-                    label: r.subtotal,
-                    value: s(t.order.subtotal, t.order.currency, p)
-                  }
-                ),
-                t.order.discount_total > 0 ? /* @__PURE__ */ e(
-                  d,
-                  {
-                    label: t.order.coupon_code ? `${r.discount} (${t.order.coupon_code})` : r.discount,
-                    value: `-${s(
-                      t.order.discount_total,
-                      t.order.currency,
-                      p
-                    )}`
-                  }
-                ) : null,
-                /* @__PURE__ */ e(
-                  d,
-                  {
-                    label: r.shipping,
-                    value: s(
-                      t.order.shipping_total,
-                      t.order.currency,
-                      p
-                    )
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  d,
-                  {
-                    label: r.tax,
-                    value: s(t.order.tax_total, t.order.currency, p)
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ e("div", { className: "mt-4 border-t border-white/15 pt-4 print:mt-3 print:border-slate-300 print:pt-3", children: /* @__PURE__ */ e(
-                d,
-                {
-                  label: r.total,
-                  value: s(t.order.total, t.order.currency, p),
-                  strong: !0
-                }
-              ) })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
+import { formatInvoiceCurrency as e, formatInvoiceDate as t, getInvoiceAddressLines as n } from "../invoice.es.js";
+import { getOrderTaxRateJurisdiction as r, getOrderTaxRateLabel as i, getOrderTaxRatePercentage as a } from "../order-tax-details.es.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "next/image";
+//#region libs/ecommerce/src/lib/components/InvoiceDocument.tsx
+function l({ data: l, labels: p, locale: m = "en-US", className: h = "" }) {
+	let g = n(l.settings.address), _ = n(l.order.customer_details?.billing), v = n(l.order.customer_details?.shipping);
+	return /* @__PURE__ */ s("section", {
+		className: `rounded-2xl border bg-white text-slate-900 shadow-sm print:rounded-none print:border-0 print:text-[10px] print:shadow-none ${h}`,
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "border-b px-6 py-6 print:px-0",
+				children: /* @__PURE__ */ s("div", {
+					className: "grid gap-6 md:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] md:items-start print:grid-cols-[minmax(0,1fr)_72px_280px] print:items-start print:gap-4",
+					children: [
+						/* @__PURE__ */ s("div", {
+							className: "order-2 max-w-md space-y-4 print:order-none print:max-w-none print:space-y-2 md:order-none",
+							children: [/* @__PURE__ */ s("div", {
+								className: "space-y-1 text-sm print:text-[10px]",
+								children: [
+									/* @__PURE__ */ o("p", {
+										className: "text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",
+										children: p.from
+									}),
+									l.settings.businessName ? /* @__PURE__ */ o("p", {
+										className: "text-base font-semibold",
+										children: l.settings.businessName
+									}) : null,
+									g.map((e, t) => /* @__PURE__ */ o("p", { children: e }, `seller-${t}-${e}`)),
+									l.settings.email ? /* @__PURE__ */ o("p", { children: l.settings.email }) : null,
+									l.settings.phone ? /* @__PURE__ */ o("p", { children: l.settings.phone }) : null
+								]
+							}), l.settings.taxRegistrations.length > 0 ? /* @__PURE__ */ s("div", {
+								className: "rounded-xl border bg-slate-50 px-4 py-3 text-sm print:px-3 print:py-2 print:text-[10px]",
+								children: [/* @__PURE__ */ o("p", {
+									className: "mb-2 font-semibold",
+									children: p.taxRegistrations
+								}), /* @__PURE__ */ o("div", {
+									className: "space-y-1",
+									children: l.settings.taxRegistrations.map((e, t) => /* @__PURE__ */ s("p", { children: [
+										/* @__PURE__ */ o("span", {
+											className: "font-medium",
+											children: e.label
+										}),
+										e.label && e.value ? ": " : "",
+										e.value
+									] }, `${e.label}-${e.value}-${t}`))
+								})]
+							}) : null]
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "order-1 flex justify-center md:order-none md:pt-2 print:order-none print:pt-1",
+							children: l.logo?.url ? /* @__PURE__ */ o(c, {
+								src: l.logo.url,
+								alt: l.logo.name || l.settings.businessName || "Logo",
+								className: "mx-auto h-24 w-auto object-contain print:h-14",
+								width: l.logo.width || 320,
+								height: l.logo.height || 120
+							}) : null
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "order-3 flex justify-start md:order-none md:justify-end print:order-none",
+							children: /* @__PURE__ */ s("div", {
+								className: "w-full max-w-[380px] rounded-2xl bg-slate-950 px-5 py-5 text-white print:max-w-none print:border print:border-slate-300 print:bg-white print:px-3 print:py-3 print:text-[10px] print:text-slate-950",
+								children: [/* @__PURE__ */ o("p", {
+									className: "text-xs uppercase tracking-[0.2em] text-white/70 print:text-slate-500",
+									children: p.invoice
+								}), /* @__PURE__ */ s("div", {
+									className: "mt-4 space-y-3 text-sm print:mt-3 print:space-y-2 print:text-[10px]",
+									children: [
+										/* @__PURE__ */ o(d, {
+											label: p.invoiceNumber,
+											value: l.order.invoice_number || "--"
+										}),
+										/* @__PURE__ */ o(d, {
+											label: p.orderNumber,
+											value: l.order.id
+										}),
+										/* @__PURE__ */ o(d, {
+											label: p.paidOn,
+											value: t(l.order.paid_at || l.order.created_at, m) || "--"
+										}),
+										/* @__PURE__ */ o(d, {
+											label: p.status,
+											value: l.order.status
+										})
+									]
+								})]
+							})
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 border-b px-6 py-6 md:grid-cols-2 print:grid-cols-2 print:gap-3 print:px-0 print:py-3",
+				children: [/* @__PURE__ */ o(u, {
+					title: p.billTo,
+					lines: _
+				}), /* @__PURE__ */ o(u, {
+					title: p.shipTo,
+					lines: v
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "px-6 py-6 print:px-0 print:py-3",
+				children: [/* @__PURE__ */ o("div", {
+					className: "overflow-x-auto rounded-2xl border print:overflow-visible",
+					children: /* @__PURE__ */ s("table", {
+						className: "w-full border-collapse text-sm tabular-nums print:table-fixed print:text-[9px]",
+						children: [/* @__PURE__ */ o("thead", {
+							className: "bg-slate-50",
+							children: /* @__PURE__ */ s("tr", { children: [
+								/* @__PURE__ */ o("th", {
+									className: "px-4 py-3 text-left font-semibold print:w-[22%] print:px-2 print:py-1.5",
+									children: p.item
+								}),
+								/* @__PURE__ */ o("th", {
+									className: "px-4 py-3 text-left font-semibold print:w-[38%] print:px-2 print:py-1.5",
+									children: p.details
+								}),
+								/* @__PURE__ */ o("th", {
+									className: "px-4 py-3 text-right font-semibold print:w-[10%] print:px-2 print:py-1.5",
+									children: p.quantity
+								}),
+								/* @__PURE__ */ o("th", {
+									className: "px-4 py-3 text-right font-semibold print:w-[15%] print:px-2 print:py-1.5",
+									children: p.price
+								}),
+								/* @__PURE__ */ o("th", {
+									className: "px-4 py-3 text-right font-semibold print:w-[15%] print:px-2 print:py-1.5",
+									children: p.amount
+								})
+							] })
+						}), /* @__PURE__ */ o("tbody", { children: l.order.items.map((t) => /* @__PURE__ */ s("tr", {
+							className: "border-t",
+							children: [
+								/* @__PURE__ */ o("td", {
+									className: "px-4 py-4 font-medium print:px-2 print:py-1.5",
+									children: t.title
+								}),
+								/* @__PURE__ */ o("td", {
+									className: "px-4 py-4 text-slate-600 print:px-2 print:py-1.5",
+									children: t.description || "--"
+								}),
+								/* @__PURE__ */ o("td", {
+									className: "px-4 py-4 text-right print:px-2 print:py-1.5",
+									children: t.quantity
+								}),
+								/* @__PURE__ */ o("td", {
+									className: "px-4 py-4 text-right print:px-2 print:py-1.5",
+									children: e(t.unit_amount, l.order.currency, m)
+								}),
+								/* @__PURE__ */ o("td", {
+									className: "px-4 py-4 text-right font-medium print:px-2 print:py-1.5",
+									children: e(t.total_amount, l.order.currency, m)
+								})
+							]
+						}, t.id)) })]
+					})
+				}), /* @__PURE__ */ s("div", {
+					className: "mt-6 grid gap-6 md:grid-cols-[minmax(0,1fr)_320px] print:mt-4 print:grid-cols-[minmax(0,1fr)_220px] print:items-start print:gap-4",
+					children: [/* @__PURE__ */ o("div", { children: l.order.tax_details?.lines?.length ? /* @__PURE__ */ s("div", {
+						className: "rounded-xl border bg-slate-50 px-5 py-4 print:break-inside-avoid print:px-3 print:py-2.5 print:text-[10px]",
+						children: [/* @__PURE__ */ o("p", {
+							className: "mb-3 font-semibold",
+							children: p.taxBreakdown
+						}), /* @__PURE__ */ o("div", {
+							className: "space-y-3 text-sm print:space-y-2 print:text-[10px]",
+							children: l.order.tax_details.lines.map((t, n) => {
+								let c = a(t.rate);
+								return /* @__PURE__ */ s("div", {
+									className: "flex items-start justify-between gap-4",
+									children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("p", {
+										className: "font-medium",
+										children: [i(t.rate), typeof c == "number" ? ` - ${c.toFixed(4)}%` : ""]
+									}), r(t.rate) ? /* @__PURE__ */ o("p", {
+										className: "text-xs text-slate-500 print:text-[9px]",
+										children: r(t.rate)
+									}) : null] }), /* @__PURE__ */ o("span", { children: e(t.amount, l.order.currency, m) })]
+								}, `${t.rate.display_name}-${t.description || "tax"}-${n}`);
+							})
+						})]
+					}) : null }), /* @__PURE__ */ s("div", {
+						className: "rounded-xl border bg-slate-950 px-5 py-5 text-sm text-white print:break-inside-avoid print:border-slate-300 print:bg-white print:px-3 print:py-3 print:text-[10px] print:text-slate-950",
+						children: [/* @__PURE__ */ s("div", {
+							className: "space-y-3 print:space-y-2",
+							children: [
+								/* @__PURE__ */ o(f, {
+									label: p.subtotal,
+									value: e(l.order.subtotal, l.order.currency, m)
+								}),
+								l.order.discount_total > 0 ? /* @__PURE__ */ o(f, {
+									label: l.order.coupon_code ? `${p.discount} (${l.order.coupon_code})` : p.discount,
+									value: `-${e(l.order.discount_total, l.order.currency, m)}`
+								}) : null,
+								/* @__PURE__ */ o(f, {
+									label: p.shipping,
+									value: e(l.order.shipping_total, l.order.currency, m)
+								}),
+								/* @__PURE__ */ o(f, {
+									label: p.tax,
+									value: e(l.order.tax_total, l.order.currency, m)
+								})
+							]
+						}), /* @__PURE__ */ o("div", {
+							className: "mt-4 border-t border-white/15 pt-4 print:mt-3 print:border-slate-300 print:pt-3",
+							children: /* @__PURE__ */ o(f, {
+								label: p.total,
+								value: e(l.order.total, l.order.currency, m),
+								strong: !0
+							})
+						})]
+					})]
+				})]
+			})
+		]
+	});
 }
-function h({ title: t, lines: r }) {
-  return /* @__PURE__ */ n("div", { className: "rounded-xl border bg-slate-50 px-5 py-4 print:break-inside-avoid print:px-3 print:py-2.5 print:text-[10px]", children: [
-    /* @__PURE__ */ e("p", { className: "mb-3 text-xs font-semibold uppercase tracking-[0.2em] text-slate-500", children: t }),
-    r.length ? /* @__PURE__ */ e("div", { className: "space-y-1 text-sm print:text-[10px]", children: r.map((p, c) => /* @__PURE__ */ e("p", { children: p }, `${t}-${c}-${p}`)) }) : /* @__PURE__ */ e("p", { className: "text-sm text-slate-500", children: "--" })
-  ] });
+function u({ title: e, lines: t }) {
+	return /* @__PURE__ */ s("div", {
+		className: "rounded-xl border bg-slate-50 px-5 py-4 print:break-inside-avoid print:px-3 print:py-2.5 print:text-[10px]",
+		children: [/* @__PURE__ */ o("p", {
+			className: "mb-3 text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",
+			children: e
+		}), t.length ? /* @__PURE__ */ o("div", {
+			className: "space-y-1 text-sm print:text-[10px]",
+			children: t.map((t, n) => /* @__PURE__ */ o("p", { children: t }, `${e}-${n}-${t}`))
+		}) : /* @__PURE__ */ o("p", {
+			className: "text-sm text-slate-500",
+			children: "--"
+		})]
+	});
 }
-function o({ label: t, value: r }) {
-  return /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
-    /* @__PURE__ */ e("span", { className: "text-white/70 print:text-[9px] print:text-slate-500", children: t }),
-    /* @__PURE__ */ e("span", { className: "text-right font-medium", children: r })
-  ] });
+function d({ label: e, value: t }) {
+	return /* @__PURE__ */ s("div", {
+		className: "flex items-center justify-between gap-4",
+		children: [/* @__PURE__ */ o("span", {
+			className: "text-white/70 print:text-[9px] print:text-slate-500",
+			children: e
+		}), /* @__PURE__ */ o("span", {
+			className: "text-right font-medium",
+			children: t
+		})]
+	});
 }
-function d({
-  label: t,
-  value: r,
-  strong: p = !1
-}) {
-  return /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-4", children: [
-    /* @__PURE__ */ e(
-      "span",
-      {
-        className: p ? "text-base font-semibold print:text-sm" : "text-white/75 print:text-[9px] print:text-slate-500",
-        children: t
-      }
-    ),
-    /* @__PURE__ */ e("span", { className: p ? "text-lg font-semibold print:text-base" : "font-medium", children: r })
-  ] });
+function f({ label: e, value: t, strong: n = !1 }) {
+	return /* @__PURE__ */ s("div", {
+		className: "flex items-center justify-between gap-4",
+		children: [/* @__PURE__ */ o("span", {
+			className: n ? "text-base font-semibold print:text-sm" : "text-white/75 print:text-[9px] print:text-slate-500",
+			children: e
+		}), /* @__PURE__ */ o("span", {
+			className: n ? "text-lg font-semibold print:text-base" : "font-medium",
+			children: t
+		})]
+	});
 }
-export {
-  k as InvoiceDocument
-};
+//#endregion
+export { l as InvoiceDocument };

package/lib/components/InvoiceViewerShell.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("next/link"),g=require("lucide-react"),n=require("@nextblock-cms/ui/button"),y=require("./InvoiceDocument.cjs.js");function w({invoice:i,labels:c,locale:x,title:m,description:l,printLabel:u,headerVisual:s,action:t,loading:d=!1,loadingMessage:p,error:r,onRetry:a,retryLabel:o,emptyMessage:b,className:h="",showHeader:j=!0,beforeInvoice:v}){return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("./InvoiceDocument.cjs.js");let n=require("@nextblock-cms/ui/button"),r=require("next/link");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({invoice:e,labels:o,locale:s,title:c,description:l,printLabel:u,headerVisual:d,action:f,loading:p=!1,loadingMessage:m,error:h,onRetry:g,retryLabel:_,emptyMessage:v,className:y=``,showHeader:b=!0,beforeInvoice:x}){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`style`,{children:`
         @media print {
           @page {
             size: portrait;
@@ -26,4 +26,4 @@
             padding: 0;
           }
         }
-      `}),e.jsxs("div",{className:`mx-auto max-w-6xl px-4 py-10 md:px-6 print:max-w-none print:px-0 print:py-0 ${h}`,children:[j?e.jsxs("div",{className:"mb-6 flex flex-col gap-4 md:flex-row md:items-center md:justify-between print:hidden",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[s?e.jsx("div",{className:"shrink-0",children:s}):null,e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-bold",children:m}),l?e.jsx("p",{className:"text-sm text-muted-foreground",children:l}):null]})]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsxs(n.Button,{type:"button",variant:"outline",onClick:()=>window.print(),disabled:!i,children:[e.jsx(g.Printer,{className:"mr-2 h-4 w-4"}),u]}),t?e.jsx(n.Button,{asChild:!0,variant:t.variant||"default",children:e.jsx(f,{href:t.href,children:t.label})}):null]})]}):null,d?e.jsx("div",{role:"status",className:"mb-6 flex items-center justify-center gap-3 rounded-2xl border bg-background px-5 py-4 text-sm text-muted-foreground print:hidden",children:p}):null,r?e.jsxs("div",{role:"alert",className:"mb-6 flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-amber-200 bg-amber-50 px-5 py-4 text-sm text-amber-800 print:hidden dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200",children:[e.jsx("span",{children:r}),a&&o?e.jsx(n.Button,{type:"button",size:"sm",variant:"outline",onClick:a,children:o}):null]}):null,v,i?e.jsx("div",{"data-print-invoice-root":!0,children:e.jsx(y.InvoiceDocument,{data:i,labels:c,locale:x})}):!d&&!r?e.jsx("div",{className:"rounded-2xl border bg-background px-6 py-12 text-center text-muted-foreground print:hidden",children:b}):null]})]})}exports.InvoiceViewerShell=w;
+      `}),(0,a.jsxs)(`div`,{className:`mx-auto max-w-6xl px-4 py-10 md:px-6 print:max-w-none print:px-0 print:py-0 ${y}`,children:[b?(0,a.jsxs)(`div`,{className:`mb-6 flex flex-col gap-4 md:flex-row md:items-center md:justify-between print:hidden`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-4`,children:[d?(0,a.jsx)(`div`,{className:`shrink-0`,children:d}):null,(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`h1`,{className:`text-3xl font-bold`,children:c}),l?(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:l}):null]})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,a.jsxs)(n.Button,{type:`button`,variant:`outline`,onClick:()=>window.print(),disabled:!e,children:[(0,a.jsx)(i.Printer,{className:`mr-2 h-4 w-4`}),u]}),f?(0,a.jsx)(n.Button,{asChild:!0,variant:f.variant||`default`,children:(0,a.jsx)(r.default,{href:f.href,children:f.label})}):null]})]}):null,p?(0,a.jsx)(`div`,{role:`status`,className:`mb-6 flex items-center justify-center gap-3 rounded-2xl border bg-background px-5 py-4 text-sm text-muted-foreground print:hidden`,children:m}):null,h?(0,a.jsxs)(`div`,{role:`alert`,className:`mb-6 flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-amber-200 bg-amber-50 px-5 py-4 text-sm text-amber-800 print:hidden dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200`,children:[(0,a.jsx)(`span`,{children:h}),g&&_?(0,a.jsx)(n.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:g,children:_}):null]}):null,x,e?(0,a.jsx)(`div`,{"data-print-invoice-root":!0,children:(0,a.jsx)(t.InvoiceDocument,{data:e,labels:o,locale:s})}):!p&&!h?(0,a.jsx)(`div`,{className:`rounded-2xl border bg-background px-6 py-12 text-center text-muted-foreground print:hidden`,children:v}):null]})]})}exports.InvoiceViewerShell=o;

package/lib/components/InvoiceViewerShell.d.ts

@@ -27,5 +27,5 @@ interface InvoiceViewerShellProps {
     /** Optional content rendered above the invoice (and hidden when printing). */
     beforeInvoice?: ReactNode;
 }
-export declare function InvoiceViewerShell({ invoice, labels, locale, title, description, printLabel, headerVisual, action, loading, loadingMessage, error, onRetry, retryLabel, emptyMessage, className, showHeader, beforeInvoice, }: InvoiceViewerShellProps): import("react").JSX.Element;
+export declare function InvoiceViewerShell({ invoice, labels, locale, title, description, printLabel, headerVisual, action, loading, loadingMessage, error, onRetry, retryLabel, emptyMessage, className, showHeader, beforeInvoice, }: InvoiceViewerShellProps): import('react').JSX.Element;
 export {};