@ai-matrx/print 0.1.0

package/dist/react.js

@@ -0,0 +1,1539 @@
+"use client";
+
+// src/react.tsx
+import * as React from "react";
+import { useEffect, useMemo, useState } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { twMerge } from "tailwind-merge";
+
+// src/core.ts
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function openPrintWindow(htmlDocument, filename = "print") {
+  const win = window.open("", "_blank", "width=920,height=720,scrollbars=yes");
+  if (!win) {
+    const blob = new Blob([htmlDocument], { type: "text/html;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${filename.replace(/\s+/g, "-").toLowerCase()}.html`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+    return;
+  }
+  win.document.open();
+  win.document.write(htmlDocument);
+  win.document.close();
+}
+
+// src/qr.ts
+var QR_MIN_QUIET_ZONE_MODULES = 4;
+var DEFAULT_QR_EC_LEVEL = "M";
+var QR_MIN_VERSION = 1;
+var QR_MAX_VERSION = 40;
+var BYTE_CAPACITY = [
+  /* v1  */
+  [17, 14, 11, 7],
+  /* v2  */
+  [32, 26, 20, 14],
+  /* v3  */
+  [53, 42, 32, 24],
+  /* v4  */
+  [78, 62, 46, 34],
+  /* v5  */
+  [106, 84, 60, 44],
+  /* v6  */
+  [134, 106, 74, 58],
+  /* v7  */
+  [154, 122, 86, 64],
+  /* v8  */
+  [192, 152, 108, 84],
+  /* v9  */
+  [230, 180, 130, 98],
+  /* v10 */
+  [271, 213, 151, 119],
+  /* v11 */
+  [321, 251, 177, 137],
+  /* v12 */
+  [367, 287, 203, 155],
+  /* v13 */
+  [425, 331, 241, 177],
+  /* v14 */
+  [458, 362, 258, 194],
+  /* v15 */
+  [520, 412, 292, 220],
+  /* v16 */
+  [586, 450, 322, 250],
+  /* v17 */
+  [644, 504, 364, 280],
+  /* v18 */
+  [718, 560, 394, 310],
+  /* v19 */
+  [792, 624, 442, 338],
+  /* v20 */
+  [858, 666, 482, 382],
+  /* v21 */
+  [929, 711, 509, 403],
+  /* v22 */
+  [1003, 779, 565, 439],
+  /* v23 */
+  [1091, 857, 611, 461],
+  /* v24 */
+  [1171, 911, 661, 511],
+  /* v25 */
+  [1273, 997, 715, 535],
+  /* v26 */
+  [1367, 1059, 751, 593],
+  /* v27 */
+  [1465, 1125, 805, 625],
+  /* v28 */
+  [1528, 1190, 868, 658],
+  /* v29 */
+  [1628, 1264, 908, 698],
+  /* v30 */
+  [1732, 1370, 982, 742],
+  /* v31 */
+  [1840, 1452, 1030, 790],
+  /* v32 */
+  [1952, 1538, 1112, 842],
+  /* v33 */
+  [2068, 1628, 1168, 898],
+  /* v34 */
+  [2188, 1722, 1228, 958],
+  /* v35 */
+  [2303, 1809, 1283, 983],
+  /* v36 */
+  [2431, 1911, 1351, 1051],
+  /* v37 */
+  [2563, 1989, 1423, 1093],
+  /* v38 */
+  [2699, 2099, 1499, 1139],
+  /* v39 */
+  [2809, 2213, 1579, 1219],
+  /* v40 */
+  [2953, 2331, 1663, 1273]
+];
+var EC_COLUMN = { L: 0, M: 1, Q: 2, H: 3 };
+function assertEcLevel(ecLevel) {
+  const column = EC_COLUMN[ecLevel];
+  if (column === void 0) {
+    throw new Error(`Unknown QR error correction level "${String(ecLevel)}". Expected one of "L", "M", "Q", "H".`);
+  }
+  return column;
+}
+function assertVersion(version) {
+  if (typeof version !== "number" || !Number.isInteger(version) || version < QR_MIN_VERSION || version > QR_MAX_VERSION) {
+    throw new Error(
+      `QR version must be an integer between ${QR_MIN_VERSION} and ${QR_MAX_VERSION}, got ${String(version)}.`
+    );
+  }
+  return version;
+}
+function qrByteCapacity(version, ecLevel) {
+  const column = assertEcLevel(ecLevel);
+  const row = BYTE_CAPACITY[assertVersion(version) - 1];
+  if (row === void 0) {
+    throw new Error(`No QR capacity row for version ${version}.`);
+  }
+  return row[column];
+}
+function qrModuleCount(version) {
+  return 17 + 4 * assertVersion(version);
+}
+function minQrVersion(payloadByteLen, ecLevel) {
+  const column = assertEcLevel(ecLevel);
+  if (typeof payloadByteLen !== "number" || !Number.isInteger(payloadByteLen) || payloadByteLen < 0) {
+    throw new Error(`QR payload byte length must be a non-negative integer, got ${String(payloadByteLen)}.`);
+  }
+  for (let version = QR_MIN_VERSION; version <= QR_MAX_VERSION; version += 1) {
+    const row = BYTE_CAPACITY[version - 1];
+    if (row !== void 0 && row[column] >= payloadByteLen) {
+      return version;
+    }
+  }
+  const max = qrByteCapacity(QR_MAX_VERSION, ecLevel);
+  throw new Error(
+    `QR payload of ${payloadByteLen} bytes does not fit any QR version at error correction level "${ecLevel}" (version ${QR_MAX_VERSION} holds ${max} bytes). Shorten the payload \u2014 a short resolver URL is the intended fix \u2014 or, only for a large clean code, drop to a lower error correction level.`
+  );
+}
+function resolveEcLevel(ecLevel) {
+  if (ecLevel === void 0) return DEFAULT_QR_EC_LEVEL;
+  assertEcLevel(ecLevel);
+  return ecLevel;
+}
+function resolveQuietZone(quietZoneModules) {
+  if (typeof quietZoneModules !== "number" || !Number.isFinite(quietZoneModules)) {
+    return QR_MIN_QUIET_ZONE_MODULES;
+  }
+  return Math.max(QR_MIN_QUIET_ZONE_MODULES, Math.floor(quietZoneModules));
+}
+function resolveWidthPx(widthPx) {
+  if (widthPx === void 0) return void 0;
+  if (typeof widthPx !== "number" || !Number.isFinite(widthPx) || widthPx <= 0) {
+    throw new Error(`QR widthPx must be a positive number, got ${String(widthPx)}.`);
+  }
+  return Math.round(widthPx);
+}
+function assertValue(value) {
+  if (typeof value !== "string" || value.length === 0) {
+    throw new Error("QR value must be a non-empty string.");
+  }
+  return value;
+}
+async function generateQrDataUrl(value, opts) {
+  assertValue(value);
+  const width = resolveWidthPx(opts?.widthPx);
+  const options = {
+    errorCorrectionLevel: resolveEcLevel(opts?.ecLevel),
+    margin: resolveQuietZone(opts?.quietZoneModules)
+  };
+  if (width !== void 0) options.width = width;
+  const QRCode = await import("qrcode");
+  return QRCode.toDataURL(value, options);
+}
+
+// src/labels.ts
+var AVERY_5160 = {
+  id: "avery-5160",
+  name: 'Address 1" \xD7 2\u215D" \u2014 30 per sheet',
+  stockCode: "Avery 5160 / 8160",
+  sheetWIn: 8.5,
+  sheetHIn: 11,
+  marginTopIn: 0.5,
+  marginLeftIn: 0.1875,
+  labelWIn: 2.625,
+  labelHIn: 1,
+  cols: 3,
+  rows: 10,
+  gutterXIn: 0.125,
+  gutterYIn: 0,
+  cornerRadiusIn: 0.1
+};
+var LABEL_TEMPLATES = [
+  AVERY_5160,
+  {
+    id: "avery-5163",
+    name: 'Shipping 2" \xD7 4" \u2014 10 per sheet',
+    stockCode: "Avery 5163 / 8163",
+    sheetWIn: 8.5,
+    sheetHIn: 11,
+    marginTopIn: 0.5,
+    marginLeftIn: 0.15625,
+    labelWIn: 4,
+    labelHIn: 2,
+    cols: 2,
+    rows: 5,
+    gutterXIn: 0.1875,
+    gutterYIn: 0,
+    cornerRadiusIn: 0.125
+  },
+  {
+    id: "avery-5164",
+    name: 'Shipping 3\u2153" \xD7 4" \u2014 6 per sheet',
+    stockCode: "Avery 5164 / 8164",
+    sheetWIn: 8.5,
+    sheetHIn: 11,
+    marginTopIn: 0.5,
+    marginLeftIn: 0.15625,
+    labelWIn: 4,
+    labelHIn: 3.3333333,
+    cols: 2,
+    rows: 3,
+    gutterXIn: 0.1875,
+    gutterYIn: 0,
+    cornerRadiusIn: 0.125
+  },
+  {
+    id: "avery-22806",
+    name: 'Square 2" \xD7 2" \u2014 12 per sheet',
+    stockCode: "Avery 22806",
+    sheetWIn: 8.5,
+    sheetHIn: 11,
+    marginTopIn: 0.75,
+    marginLeftIn: 0.5,
+    labelWIn: 2,
+    labelHIn: 2,
+    cols: 3,
+    rows: 4,
+    gutterXIn: 0.75,
+    gutterYIn: 0.5,
+    cornerRadiusIn: 0.09375
+  },
+  {
+    id: "avery-22807",
+    name: 'Round 2" \u2014 12 per sheet',
+    stockCode: "Avery 22807",
+    sheetWIn: 8.5,
+    sheetHIn: 11,
+    marginTopIn: 0.75,
+    marginLeftIn: 0.5,
+    labelWIn: 2,
+    labelHIn: 2,
+    cols: 3,
+    rows: 4,
+    gutterXIn: 0.75,
+    gutterYIn: 0.5,
+    cornerRadiusIn: 1,
+    round: true
+  },
+  {
+    id: "brother-dk-1202",
+    name: 'Shipping roll 2.4" \xD7 3.9" \u2014 die-cut',
+    stockCode: "Brother DK-1202",
+    sheetWIn: 2.4,
+    sheetHIn: 3.9,
+    marginTopIn: 0,
+    marginLeftIn: 0,
+    labelWIn: 2.4,
+    labelHIn: 3.9,
+    cols: 1,
+    rows: 1,
+    gutterXIn: 0,
+    gutterYIn: 0,
+    kind: "roll"
+  },
+  {
+    id: "brother-dk-11201",
+    name: 'Address roll 1.14" \xD7 3.5" \u2014 die-cut',
+    stockCode: "Brother DK-11201",
+    sheetWIn: 1.14,
+    sheetHIn: 3.5,
+    marginTopIn: 0,
+    marginLeftIn: 0,
+    labelWIn: 1.14,
+    labelHIn: 3.5,
+    cols: 1,
+    rows: 1,
+    gutterXIn: 0,
+    gutterYIn: 0,
+    kind: "roll"
+  },
+  {
+    id: "dymo-30252",
+    name: 'Address roll 1\u215B" \xD7 3\xBD"',
+    stockCode: "DYMO 30252",
+    sheetWIn: 1.125,
+    sheetHIn: 3.5,
+    marginTopIn: 0,
+    marginLeftIn: 0,
+    labelWIn: 1.125,
+    labelHIn: 3.5,
+    cols: 1,
+    rows: 1,
+    gutterXIn: 0,
+    gutterYIn: 0,
+    kind: "roll"
+  },
+  {
+    id: "roll-4x6",
+    name: 'Shipping roll 4" \xD7 6"',
+    stockCode: "Thermal 4x6",
+    sheetWIn: 4,
+    sheetHIn: 6,
+    marginTopIn: 0,
+    marginLeftIn: 0,
+    labelWIn: 4,
+    labelHIn: 6,
+    cols: 1,
+    rows: 1,
+    gutterXIn: 0,
+    gutterYIn: 0,
+    kind: "roll"
+  }
+];
+function getLabelTemplate(id) {
+  return LABEL_TEMPLATES.find((t) => t.id === id);
+}
+function assertTemplateGeometry(t) {
+  const w = t.marginLeftIn * 2 + t.cols * t.labelWIn + (t.cols - 1) * t.gutterXIn;
+  const h = t.marginTopIn * 2 + t.rows * t.labelHIn + (t.rows - 1) * t.gutterYIn;
+  const tol = 1 / 64;
+  if (Math.abs(w - t.sheetWIn) > tol || Math.abs(h - t.sheetHIn) > tol) {
+    console.error(
+      `[label-print] Template ${t.id} does not tile its sheet: grid ${w.toFixed(4)}\xD7${h.toFixed(4)}in vs sheet ${t.sheetWIn}\xD7${t.sheetHIn}in`
+    );
+  }
+}
+if (typeof process === "undefined" || true) {
+  LABEL_TEMPLATES.forEach(assertTemplateGeometry);
+}
+var DEFAULTS = {
+  startAtLabel: 1,
+  copiesPerCode: 1,
+  showCaption: true,
+  showLines: true,
+  rangeFrom: 0,
+  rangeTo: 0,
+  ecLevel: "M",
+  calibrationPage: false
+};
+function resolveSettings(s) {
+  const num = (v, d, min = 0) => typeof v === "number" && !Number.isNaN(v) ? Math.max(min, v) : d;
+  const ec = s?.ecLevel;
+  return {
+    startAtLabel: num(s?.startAtLabel, DEFAULTS.startAtLabel, 1),
+    copiesPerCode: num(s?.copiesPerCode, DEFAULTS.copiesPerCode, 1),
+    showCaption: s?.showCaption ?? DEFAULTS.showCaption,
+    showLines: s?.showLines ?? DEFAULTS.showLines,
+    rangeFrom: num(s?.rangeFrom, 0),
+    rangeTo: num(s?.rangeTo, 0),
+    ecLevel: ec === "L" || ec === "Q" ? ec : "M",
+    calibrationPage: s?.calibrationPage ?? false
+  };
+}
+var PRINT_DPI = 300;
+var QUIET_ZONE_MODULES = 4;
+async function generateQrDataUri(value, ecLevel, sizeInches) {
+  return generateQrDataUrl(value, {
+    ecLevel,
+    quietZoneModules: QUIET_ZONE_MODULES,
+    widthPx: Math.round(sizeInches * PRINT_DPI)
+  });
+}
+function computeCellLayout(t, showCaption, hasBadge = false) {
+  const padIn = Math.min(0.08, t.labelHIn * 0.06);
+  const wide = t.labelWIn / t.labelHIn >= 1.8;
+  const badgeZoneIn = hasBadge ? Math.min(0.4, t.labelHIn * 0.22) : 0;
+  if (wide) {
+    return { wide, qrIn: t.labelHIn - padIn * 2, padIn, badgeZoneIn };
+  }
+  const inset = t.round ? t.labelWIn * 0.15 : 0;
+  const captionZone = showCaption ? Math.min(0.28, t.labelHIn * 0.16) : 0;
+  const qrIn = Math.min(
+    t.labelWIn - padIn * 2 - inset * 2,
+    t.labelHIn - padIn * 2 - inset * 2 - captionZone - badgeZoneIn
+  );
+  return { wide, qrIn, padIn, badgeZoneIn };
+}
+function sheetStyles(t) {
+  const radius = t.round ? `${t.labelWIn / 2}in` : t.cornerRadiusIn ? `${t.cornerRadiusIn}in` : "0";
+  return `
+  @page { size: ${t.sheetWIn}in ${t.sheetHIn}in; margin: 0; }
+  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+  html, body { width: ${t.sheetWIn}in; background: #fff; color: #000;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
+
+  .lp-page {
+    width: ${t.sheetWIn}in; height: ${t.sheetHIn}in;
+    position: relative; overflow: hidden;
+    page-break-after: always; break-after: page;
+    border-bottom: 1px solid #e2e8f0; /* screen-only separator */
+  }
+  .lp-page:last-child { page-break-after: auto; break-after: auto; border-bottom: none; }
+
+  .lp-cell {
+    position: absolute;
+    width: ${t.labelWIn}in; height: ${t.labelHIn}in;
+    border-radius: ${radius};
+    overflow: hidden;
+    -webkit-print-color-adjust: exact; print-color-adjust: exact;
+  }
+  .lp-qr {
+    display: block;
+    image-rendering: pixelated; /* no resampling blur on crisp modules */
+  }
+  .lp-cell-wide { display: flex; align-items: center; }
+  .lp-cell-stacked { display: flex; flex-direction: column; align-items: center; justify-content: center; }
+
+  .lp-text { flex: 1 1 auto; min-width: 0; overflow: hidden; align-self: stretch;
+    display: flex; flex-direction: column; justify-content: center; }
+  .lp-fit-wrap { overflow: hidden; }
+  .lp-caption { font-weight: 700; line-height: 1.15; word-break: break-word; }
+  .lp-line { line-height: 1.25; word-break: break-word; }
+  .lp-caption-stacked { text-align: center; width: 100%; }
+
+  /* Badge \u2014 the LARGE token above the caption (garment size, bin letter). */
+  .lp-badge { font-weight: 800; line-height: 1.05; word-break: break-word;
+    -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+  .lp-badge-stacked { text-align: center; width: 100%; }
+
+  /* Durable http(s) artwork in the lines zone. */
+  .lp-img { display: block; width: 100%; object-fit: contain; }
+
+  /* Calibration */
+  .lp-cal-cell { border: 0.5pt dashed #94a3b8; background: transparent; }
+  .lp-cal-label { position: absolute; inset: 0; display: flex; align-items: center;
+    justify-content: center; font-size: 7pt; color: #94a3b8; text-align: center; padding: 4px; }
+  .lp-crop { position: absolute; background: #94a3b8;
+    -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+
+  @media print {
+    html, body { height: auto; overflow: visible; }
+    .lp-page { border-bottom: none; }
+    .screen-only { display: none !important; }
+  }
+`;
+}
+function cellPosition(t, index) {
+  const col = index % t.cols;
+  const row = Math.floor(index / t.cols);
+  return {
+    x: t.marginLeftIn + col * (t.labelWIn + t.gutterXIn),
+    y: t.marginTopIn + row * (t.labelHIn + t.gutterYIn)
+  };
+}
+var LP_FIT_SCRIPT = `
+<script>
+(function () {
+  function fit(el, box) {
+    var size = parseFloat(window.getComputedStyle(el).fontSize);
+    var min = 4;
+    while (size > min && (el.scrollWidth > box.clientWidth + 1 || el.scrollHeight > box.clientHeight + 1)) {
+      size -= 0.5;
+      el.style.fontSize = size + "px";
+    }
+  }
+  function run() {
+    var els = document.querySelectorAll(".lp-fit-wrap .lp-fit");
+    for (var i = 0; i < els.length; i++) fit(els[i], els[i].parentElement);
+  }
+  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", run);
+  else setTimeout(run, 0);
+})();
+<\/script>`;
+function isHttpUrl(value) {
+  return typeof value === "string" && /^https?:\/\//i.test(value.trim());
+}
+function buildLabelCellHtml(label, qrDataUri, t, layout, s) {
+  const qr = qrDataUri ? `<img class="lp-qr" src="${qrDataUri}" alt="" style="width:${layout.qrIn}in;height:${layout.qrIn}in;" />` : "";
+  const captionText = s.showCaption ? label.caption ?? label.qrValue : "";
+  const badgeText = label.badge?.trim() ? label.badge.trim() : "";
+  if (layout.wide) {
+    const lines = s.showLines && label.lines?.length ? label.lines.filter((l) => l.trim()).map(
+      (l) => `<div class="lp-line" style="font-size:8pt;">${escapeHtml(l)}</div>`
+    ).join("") : "";
+    const caption2 = captionText ? `<div class="lp-fit-wrap" style="max-height:${(t.labelHIn * 0.3).toFixed(3)}in;"><div class="lp-fit lp-caption" style="font-size:12pt;">${escapeHtml(captionText)}</div></div>` : "";
+    const badge2 = badgeText ? `<div class="lp-fit-wrap" style="max-height:${layout.badgeZoneIn.toFixed(3)}in;"><div class="lp-fit lp-badge" style="font-size:24pt;">${escapeHtml(badgeText)}</div></div>` : "";
+    const image = isHttpUrl(label.imageUrl) ? `<img class="lp-img" src="${escapeHtml(label.imageUrl)}" alt="" style="height:${(t.labelHIn * 0.35).toFixed(3)}in;" />` : "";
+    return `<div class="lp-cell-wide" style="height:100%;padding:${layout.padIn}in;gap:${layout.padIn}in;">
+      ${qr}
+      <div class="lp-text">${badge2}${caption2}${lines}${image}</div>
+    </div>`;
+  }
+  const caption = captionText ? `<div class="lp-fit-wrap lp-caption-stacked" style="height:${Math.min(0.28, t.labelHIn * 0.16).toFixed(3)}in;"><div class="lp-fit lp-caption" style="font-size:9pt;">${escapeHtml(captionText)}</div></div>` : "";
+  const badge = badgeText ? `<div class="lp-fit-wrap lp-badge-stacked" style="height:${layout.badgeZoneIn.toFixed(3)}in;"><div class="lp-fit lp-badge" style="font-size:18pt;">${escapeHtml(badgeText)}</div></div>` : "";
+  return `<div class="lp-cell-stacked" style="height:100%;padding:${layout.padIn}in;">
+    ${qr}
+    ${badge}
+    ${caption}
+  </div>`;
+}
+function renderPages(t, cells) {
+  const perPage = t.cols * t.rows;
+  const pages = [];
+  for (let p = 0; p < Math.max(1, Math.ceil(cells.length / perPage)); p++) {
+    const batch = cells.slice(p * perPage, (p + 1) * perPage);
+    const cellHtml = batch.map((c, i) => {
+      const { x, y } = cellPosition(t, i);
+      return `<div class="lp-cell" style="left:${x}in;top:${y}in;">${c.html}</div>`;
+    }).join("\n");
+    pages.push(`<div class="lp-page">${cellHtml}</div>`);
+  }
+  return pages.join("\n");
+}
+function openSheetWindow(t, bodyHtml, title, withFitScript, warning) {
+  const warningHtml = warning ? `<div class="screen-only lp-warning" style="font-family:sans-serif;font-size:12px;font-weight:600;padding:9px 16px;background:#fef2f2;color:#991b1b;border-bottom:1px solid #fecaca;">${escapeHtml(warning)}</div>` : "";
+  const html = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>${escapeHtml(title)} \u2014 ${escapeHtml(t.stockCode)}</title>
+  <style>${sheetStyles(t)}</style>
+</head>
+<body>
+${warningHtml}
+<div class="screen-only" style="font-family:sans-serif;font-size:12px;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;">
+  <button onclick="window.print()" style="padding:7px 18px;background:#111;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;">Print / Save PDF</button>
+  <button onclick="window.close()" style="padding:7px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;cursor:pointer;">Close</button>
+  <span style="color:#64748b;font-size:11px;">${escapeHtml(t.stockCode)} \xB7 ${escapeHtml(t.name)} \xB7 set printer to <strong>100% scale (no "fit to page"), no margins, Portrait</strong></span>
+</div>
+${bodyHtml}
+${withFitScript ? LP_FIT_SCRIPT : ""}
+</body>
+</html>`;
+  openPrintWindow(html, title);
+}
+function expandLabels(labels, s) {
+  const from = s.rangeFrom > 0 ? s.rangeFrom : 1;
+  const to = s.rangeTo > 0 ? Math.min(s.rangeTo, labels.length) : labels.length;
+  const subset = labels.slice(from - 1, to);
+  if (s.copiesPerCode <= 1) return subset;
+  const out = [];
+  for (const l of subset)
+    for (let i = 0; i < s.copiesPerCode; i++) out.push(l);
+  return out;
+}
+function buildCalibrationBody(t) {
+  const perPage = t.cols * t.rows;
+  const cells = [];
+  for (let i = 0; i < perPage; i++) {
+    const { x, y } = cellPosition(t, i);
+    cells.push(
+      `<div class="lp-cell lp-cal-cell" style="left:${x}in;top:${y}in;"><div class="lp-cal-label">${i + 1}</div></div>`
+    );
+  }
+  const gridR = t.sheetWIn - t.marginLeftIn;
+  const gridB = t.sheetHIn - t.marginTopIn;
+  const mark = (x, y, h) => `<div class="lp-crop" style="left:${x}in;top:${y}in;width:${h ? 0.25 : 0.0104}in;height:${h ? 0.0104 : 0.25}in;"></div>`;
+  const marks = [
+    mark(t.marginLeftIn - 0.25, t.marginTopIn, true),
+    mark(t.marginLeftIn, t.marginTopIn - 0.25, false),
+    mark(gridR, t.marginTopIn, true),
+    mark(gridR - 0.0104, t.marginTopIn - 0.25, false),
+    mark(t.marginLeftIn - 0.25, gridB - 0.0104, true),
+    mark(t.marginLeftIn, gridB, false),
+    mark(gridR, gridB - 0.0104, true),
+    mark(gridR - 0.0104, gridB, false)
+  ].join("");
+  const banner = `<div style="position:absolute;left:0;right:0;top:${Math.max(0, t.marginTopIn - 0.3).toFixed(2)}in;text-align:center;font-size:7pt;color:#94a3b8;">Calibration \u2014 ${escapeHtml(t.stockCode)} \xB7 hold against your label sheet: every outline must sit on a label</div>`;
+  return `<div class="lp-page">${banner}${marks}${cells.join("\n")}</div>`;
+}
+function printCalibrationSheet(template) {
+  openSheetWindow(
+    template,
+    buildCalibrationBody(template),
+    "Label calibration",
+    false
+  );
+}
+var MM_PER_IN = 25.4;
+var MIN_SCANNABLE_MODULE_MM = 0.4;
+function assertScannable(template, payloadByteLen, ecLevel = DEFAULTS.ecLevel) {
+  const layout = computeCellLayout(template, true);
+  const printedSideMm = layout.qrIn * MM_PER_IN;
+  let version;
+  try {
+    version = minQrVersion(payloadByteLen, ecLevel);
+  } catch (err) {
+    return {
+      ok: false,
+      version: 0,
+      moduleSizeMm: 0,
+      minModuleSizeMm: MIN_SCANNABLE_MODULE_MM,
+      message: err instanceof Error ? err.message : String(err)
+    };
+  }
+  const modulesPerSide = qrModuleCount(version) + QUIET_ZONE_MODULES * 2;
+  const moduleSizeMm = printedSideMm / modulesPerSide;
+  if (moduleSizeMm >= MIN_SCANNABLE_MODULE_MM) {
+    return {
+      ok: true,
+      version,
+      moduleSizeMm,
+      minModuleSizeMm: MIN_SCANNABLE_MODULE_MM
+    };
+  }
+  return {
+    ok: false,
+    version,
+    moduleSizeMm,
+    minModuleSizeMm: MIN_SCANNABLE_MODULE_MM,
+    message: `A ${payloadByteLen}-byte payload needs a version ${version} QR, which prints at ${moduleSizeMm.toFixed(3)}mm per module on ${template.stockCode} \u2014 below the ${MIN_SCANNABLE_MODULE_MM}mm floor a scanner can resolve. Shorten the payload (a short resolver URL is the intended fix) or move to larger label stock.`
+  };
+}
+function batchScannabilityWarning(t, labels, ecLevel) {
+  const encoder = new TextEncoder();
+  let worst = -1;
+  for (const l of labels) {
+    if (!l.qrValue) continue;
+    const len = encoder.encode(l.qrValue).length;
+    if (len > worst) worst = len;
+  }
+  if (worst < 0) return void 0;
+  const report = assertScannable(t, worst, ecLevel);
+  return report.ok ? void 0 : report.message;
+}
+function resolveTemplate(data, variantId) {
+  if (variantId && variantId !== "custom") {
+    const t = getLabelTemplate(variantId);
+    if (t) return t;
+  }
+  if (data.templateId === "custom" && data.customTemplate)
+    return data.customTemplate;
+  return getLabelTemplate(data.templateId) ?? data.customTemplate ?? AVERY_5160;
+}
+async function printQrLabelSheet(data, variantId, rawSettings) {
+  const t = resolveTemplate(data, variantId);
+  const s = resolveSettings(rawSettings);
+  if (s.calibrationPage) {
+    printCalibrationSheet(t);
+    return;
+  }
+  const labels = expandLabels(data.labels ?? [], s);
+  if (!labels.length) {
+    openSheetWindow(
+      t,
+      `<div class="lp-page"><div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:11pt;">No labels to print.</div></div>`,
+      "QR labels",
+      false
+    );
+    return;
+  }
+  const hasBadge = labels.some((l) => (l.badge ?? "").trim() !== "");
+  const layout = computeCellLayout(t, s.showCaption, hasBadge);
+  const uriByValue = /* @__PURE__ */ new Map();
+  for (const l of labels) {
+    if (l.qrValue && !uriByValue.has(l.qrValue)) {
+      uriByValue.set(
+        l.qrValue,
+        await generateQrDataUri(l.qrValue, s.ecLevel, layout.qrIn)
+      );
+    }
+  }
+  const leadingBlanks = Math.max(0, s.startAtLabel - 1) % (t.cols * t.rows);
+  const cells = [
+    ...Array.from({ length: leadingBlanks }, () => ({ html: "" })),
+    ...labels.map((l) => ({
+      html: buildLabelCellHtml(
+        l,
+        uriByValue.get(l.qrValue) ?? "",
+        t,
+        layout,
+        s
+      )
+    }))
+  ];
+  const perPage = t.cols * t.rows;
+  const tail = cells.length % perPage;
+  if (tail > 0)
+    for (let i = 0; i < perPage - tail; i++) cells.push({ html: "" });
+  openSheetWindow(
+    t,
+    renderPages(t, cells),
+    "QR labels",
+    true,
+    batchScannabilityWarning(t, labels, s.ecLevel)
+  );
+}
+var qrLabelsPrinter = {
+  label: "Print QR label sheet",
+  variants: LABEL_TEMPLATES.map((t) => ({
+    id: t.id,
+    label: t.name,
+    description: t.stockCode
+  })),
+  settings: [
+    {
+      type: "number",
+      id: "startAtLabel",
+      label: "Start at label #",
+      description: "Skip already-used positions on a partial sheet",
+      defaultValue: 1,
+      min: 1
+    },
+    {
+      type: "number",
+      id: "copiesPerCode",
+      label: "Copies per code",
+      defaultValue: 1,
+      min: 1,
+      max: 999
+    },
+    {
+      type: "boolean",
+      id: "showCaption",
+      label: "Show caption",
+      description: "Print the caption (or the code value) beside each QR",
+      defaultValue: true
+    },
+    {
+      type: "boolean",
+      id: "showLines",
+      label: "Show detail lines",
+      description: "Extra text lines on wide labels",
+      defaultValue: true
+    },
+    {
+      type: "range",
+      id: "labelRange",
+      label: "Label range",
+      description: "Print only labels N to M (blank = all)",
+      fromId: "rangeFrom",
+      toId: "rangeTo",
+      defaultFrom: 0,
+      defaultTo: 0
+    },
+    {
+      type: "select",
+      id: "ecLevel",
+      label: "Error correction",
+      description: "Higher survives more damage; M is the warehouse default",
+      options: [
+        { value: "L", label: "L" },
+        { value: "M", label: "M" },
+        { value: "Q", label: "Q" }
+      ],
+      defaultValue: "M"
+    },
+    {
+      type: "boolean",
+      id: "calibrationPage",
+      label: "Calibration test page",
+      description: "Print outlines + crop marks only to verify alignment",
+      defaultValue: false
+    }
+  ],
+  print: (data, variantId, settings) => printQrLabelSheet(data, variantId, settings)
+};
+
+// src/react.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function cn(...values) {
+  return twMerge(values.filter(Boolean).join(" "));
+}
+function LucideIcon({
+  lucideClass,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: cn(lucideClass, className),
+      "aria-hidden": "true",
+      ...props,
+      children
+    }
+  );
+}
+function Printer(props) {
+  return /* @__PURE__ */ jsxs(LucideIcon, { lucideClass: "lucide lucide-printer", ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }),
+    /* @__PURE__ */ jsx("path", { d: "M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6" }),
+    /* @__PURE__ */ jsx("rect", { x: "6", y: "14", width: "12", height: "8", rx: "1" })
+  ] });
+}
+function X(props) {
+  return /* @__PURE__ */ jsxs(LucideIcon, { lucideClass: "lucide lucide-x", ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+  ] });
+}
+function Settings2(props) {
+  return /* @__PURE__ */ jsxs(
+    LucideIcon,
+    {
+      lucideClass: "lucide lucide-settings2 lucide-settings-2",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M14 17H5" }),
+        /* @__PURE__ */ jsx("path", { d: "M19 7h-9" }),
+        /* @__PURE__ */ jsx("circle", { cx: "17", cy: "17", r: "3" }),
+        /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "3" })
+      ]
+    }
+  );
+}
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = useState(false);
+  const [hasMounted, setHasMounted] = useState(false);
+  useEffect(() => {
+    setHasMounted(true);
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    onChange();
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  if (!hasMounted) {
+    return false;
+  }
+  return isMobile;
+}
+var DialogModalContext = React.createContext(true);
+function Dialog({
+  children,
+  ...props
+}) {
+  const modal = props.modal ?? true;
+  return /* @__PURE__ */ jsx(DialogModalContext.Provider, { value: modal, children: /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props, modal, children }) });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        // Preserve readable page context behind the modal; separation comes from a light scrim, not blur.
+        "fixed inset-0 z-[10000] bg-black/20 dark:bg-black/30 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var DIALOG_DESKTOP_CLASSES = "fixed left-[50%] top-[50%] z-[10000] grid min-w-0 w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 overflow-x-clip border bg-background p-6 shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg";
+var DIALOG_MOBILE_SHEET_CLASSES = "fixed inset-x-0 bottom-0 left-0 right-0 top-auto z-[10000] flex min-w-0 flex-col w-full max-w-full max-h-[90dvh] translate-x-0 translate-y-0 gap-4 overflow-x-clip border-t bg-background p-4 pb-safe shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full duration-200 rounded-t-2xl rounded-b-none overflow-y-auto overscroll-contain data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom";
+var DIALOG_MOBILE_SHEET_OVERRIDE = "inset-x-0 bottom-0 left-0 right-0 top-auto translate-x-0 translate-y-0 w-full max-w-full max-h-[90dvh] rounded-b-none rounded-t-2xl overflow-y-auto";
+function DialogContent({
+  className,
+  children,
+  mobileSheet = true,
+  ...props
+}) {
+  const isMobile = useIsMobile();
+  const isModal = React.useContext(DialogModalContext);
+  const asSheet = mobileSheet && isMobile;
+  return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+    isModal ? /* @__PURE__ */ jsx(DialogOverlay, {}) : null,
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "aria-modal": isModal || void 0,
+        className: cn(
+          asSheet ? DIALOG_MOBILE_SHEET_CLASSES : DIALOG_DESKTOP_CLASSES,
+          className,
+          asSheet && DIALOG_MOBILE_SHEET_OVERRIDE,
+          // A non-modal Dialog stays below the WindowPanel manager's z=1000 floor.
+          !isModal && "z-[900]"
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "absolute right-2 top-4 flex h-10 w-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground sm:right-4",
+              children: [
+                /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn(
+        // DialogContent owns an absolute close control. Reserve its hit area in
+        // every header so trailing actions never render underneath it.
+        "flex flex-col space-y-1.5 pr-12 text-center sm:text-left",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      className: cn(
+        "text-lg font-semibold leading-none tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function Drawer({
+  children,
+  shouldScaleBackground = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DrawerPrimitive.Root,
+    {
+      modal: true,
+      shouldScaleBackground,
+      ...props,
+      children
+    }
+  );
+}
+function DrawerOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DrawerPrimitive.Overlay,
+    {
+      className: cn("fixed inset-0 z-50 bg-black/80", className),
+      ...props
+    }
+  );
+}
+function DrawerContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DrawerPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DrawerPrimitive.Content,
+      {
+        "aria-modal": "true",
+        className: cn(
+          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background pb-safe",
+          className
+        ),
+        "aria-describedby": void 0,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DrawerTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DrawerPrimitive.Title,
+    {
+      className: cn(
+        "text-lg font-semibold leading-none tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var BUTTON_BASE = "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
+var BUTTON_VARIANTS = {
+  default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+  ghost: "hover:bg-accent hover:text-accent-foreground"
+};
+var BUTTON_SIZES = {
+  default: "h-9 px-4 py-2",
+  sm: "h-8 rounded-md px-3 text-xs",
+  icon: "h-9 w-9"
+};
+function PrintDialogButton({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(
+        BUTTON_BASE,
+        BUTTON_VARIANTS[variant],
+        BUTTON_SIZES[size],
+        className
+      ),
+      ...props
+    }
+  );
+}
+function buildDefaultSettings(settings) {
+  const out = {};
+  for (const s of settings) {
+    if (s.type === "boolean") {
+      out[s.id] = s.defaultValue;
+    } else if (s.type === "range") {
+      out[s.fromId] = s.defaultFrom;
+      out[s.toId] = s.defaultTo;
+    } else if (s.type === "number" || s.type === "select") {
+      out[s.id] = s.defaultValue;
+    }
+  }
+  return out;
+}
+function visibleSettings(settings, variantId) {
+  return settings.filter(
+    (s) => !s.appliesTo || s.appliesTo.includes(variantId)
+  );
+}
+function PrintOptionsContent({
+  printer,
+  data,
+  onClose
+}) {
+  const [selectedVariant, setSelectedVariant] = useState(
+    printer.variants[0]?.id ?? ""
+  );
+  const [isPrinting, setIsPrinting] = useState(false);
+  const allSettings = printer.settings ?? [];
+  const [settingValues, setSettingValues] = useState(
+    () => buildDefaultSettings(allSettings)
+  );
+  const currentSettings = useMemo(
+    () => visibleSettings(allSettings, selectedVariant),
+    [allSettings, selectedVariant]
+  );
+  const toggleSetting = (id) => {
+    setSettingValues((prev) => ({ ...prev, [id]: !prev[id] }));
+  };
+  const setNumberSetting = (id, value) => {
+    setSettingValues((prev) => ({ ...prev, [id]: value }));
+  };
+  const handlePrint = async (variantId, useDefaults = false) => {
+    setIsPrinting(true);
+    try {
+      const settings = useDefaults ? buildDefaultSettings(allSettings) : settingValues;
+      await printer.print(data, variantId, settings);
+    } finally {
+      setIsPrinting(false);
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-0 flex-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto min-h-0 py-2 space-y-4", children: [
+      printer.variants.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground mb-2 px-0.5", children: "Print format" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: printer.variants.map((variant) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setSelectedVariant(variant.id),
+            className: `w-full flex flex-col items-start px-3 py-2.5 rounded-lg border text-left transition-colors ${selectedVariant === variant.id ? "border-primary bg-primary/5 text-primary" : "border-border bg-background hover:bg-accent"}`,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: variant.label }),
+              variant.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground mt-0.5", children: variant.description })
+            ]
+          },
+          variant.id
+        )) })
+      ] }),
+      currentSettings.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-foreground mb-2 px-0.5 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(Settings2, { className: "w-3.5 h-3.5" }),
+          "Options"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1", children: currentSettings.map((setting) => {
+          if (setting.type === "boolean") {
+            const checked = settingValues[setting.id] === true;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => toggleSetting(setting.id),
+                className: "w-full flex items-start gap-3 px-3 py-2.5 rounded-lg border border-border bg-background hover:bg-accent text-left transition-colors",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: `mt-0.5 shrink-0 w-4 h-4 rounded border-2 flex items-center justify-center transition-colors ${checked ? "bg-primary border-primary" : "border-muted-foreground/40"}`,
+                      children: checked && /* @__PURE__ */ jsx(
+                        "svg",
+                        {
+                          className: "w-2.5 h-2.5 text-primary-foreground",
+                          viewBox: "0 0 10 10",
+                          fill: "none",
+                          children: /* @__PURE__ */ jsx(
+                            "path",
+                            {
+                              d: "M1.5 5l2.5 2.5 4.5-4.5",
+                              stroke: "currentColor",
+                              strokeWidth: "1.8",
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round"
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("span", { className: "flex flex-col min-w-0", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: setting.label }),
+                    setting.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground mt-0.5", children: setting.description })
+                  ] })
+                ]
+              },
+              setting.id
+            );
+          }
+          if (setting.type === "range") {
+            const min = setting.min ?? 0;
+            const fromVal = settingValues[setting.fromId] ?? 0;
+            const toVal = settingValues[setting.toId] ?? 0;
+            const parse = (raw) => {
+              if (raw === "") return 0;
+              const n = parseInt(raw, 10);
+              return Number.isNaN(n) ? 0 : Math.max(min, n);
+            };
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "w-full flex items-start gap-3 px-3 py-2.5 rounded-lg border border-border bg-background",
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "flex flex-col min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: setting.label }),
+                    setting.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground mt-0.5", children: setting.description })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 shrink-0 pt-0.5", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "number",
+                        inputMode: "numeric",
+                        min,
+                        value: fromVal === 0 ? "" : fromVal,
+                        onChange: (e) => setNumberSetting(
+                          setting.fromId,
+                          parse(e.target.value)
+                        ),
+                        placeholder: setting.fromPlaceholder ?? "start",
+                        "aria-label": `${setting.label} \u2014 from`,
+                        className: "w-14 h-7 text-xs text-center rounded border border-input bg-background text-foreground focus:outline-none focus:ring-1 focus:ring-ring"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "to" }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "number",
+                        inputMode: "numeric",
+                        min,
+                        value: toVal === 0 ? "" : toVal,
+                        onChange: (e) => setNumberSetting(
+                          setting.toId,
+                          parse(e.target.value)
+                        ),
+                        placeholder: setting.toPlaceholder ?? "end",
+                        "aria-label": `${setting.label} \u2014 to`,
+                        className: "w-14 h-7 text-xs text-center rounded border border-input bg-background text-foreground focus:outline-none focus:ring-1 focus:ring-ring"
+                      }
+                    )
+                  ] })
+                ]
+              },
+              setting.id
+            );
+          }
+          if (setting.type === "number") {
+            const min = setting.min ?? 0;
+            const val = settingValues[setting.id] ?? setting.defaultValue;
+            const parse = (raw) => {
+              if (raw === "") return setting.defaultValue;
+              const n = parseInt(raw, 10);
+              if (Number.isNaN(n)) return setting.defaultValue;
+              const bounded = Math.max(min, n);
+              return setting.max !== void 0 ? Math.min(setting.max, bounded) : bounded;
+            };
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "w-full flex items-start gap-3 px-3 py-2.5 rounded-lg border border-border bg-background",
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "flex flex-col min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: setting.label }),
+                    setting.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground mt-0.5", children: setting.description })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "number",
+                      inputMode: "numeric",
+                      min,
+                      max: setting.max,
+                      value: val,
+                      onChange: (e) => setNumberSetting(setting.id, parse(e.target.value)),
+                      "aria-label": setting.label,
+                      className: "w-16 h-7 text-xs text-center rounded border border-input bg-background text-foreground focus:outline-none focus:ring-1 focus:ring-ring shrink-0 mt-0.5"
+                    }
+                  )
+                ]
+              },
+              setting.id
+            );
+          }
+          if (setting.type === "select") {
+            const val = settingValues[setting.id] ?? setting.defaultValue;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "w-full flex items-start gap-3 px-3 py-2.5 rounded-lg border border-border bg-background",
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "flex flex-col min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: setting.label }),
+                    setting.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground mt-0.5", children: setting.description })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5 shrink-0 rounded-md border border-input p-0.5 mt-0.5", children: setting.options.map((opt) => /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: () => setSettingValues((prev) => ({
+                        ...prev,
+                        [setting.id]: opt.value
+                      })),
+                      className: `px-2 h-6 text-xs rounded transition-colors ${val === opt.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent"}`,
+                      children: opt.label
+                    },
+                    opt.value
+                  )) })
+                ]
+              },
+              setting.id
+            );
+          }
+          return null;
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-3 pb-1 border-t border-border mt-2 shrink-0", children: [
+      /* @__PURE__ */ jsxs(
+        PrintDialogButton,
+        {
+          onClick: () => handlePrint(selectedVariant || void 0),
+          disabled: isPrinting,
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ jsx(Printer, { className: "w-4 h-4 mr-2" }),
+            isPrinting ? "Opening print view..." : "Print / Save PDF"
+          ]
+        }
+      ),
+      printer.variants.length > 0 && /* @__PURE__ */ jsx(
+        PrintDialogButton,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: () => handlePrint(void 0, true),
+          disabled: isPrinting,
+          className: "w-full text-muted-foreground text-xs",
+          children: "Print with defaults"
+        }
+      )
+    ] })
+  ] });
+}
+function PrintOptionsDialog({
+  printer,
+  data,
+  open,
+  onOpenChange
+}) {
+  const isMobile = useIsMobile();
+  const handleClose = () => onOpenChange(false);
+  if (isMobile) {
+    return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DrawerContent, { className: "flex flex-col max-h-[85dvh]", children: [
+      /* @__PURE__ */ jsxs(DrawerHeader, { className: "flex items-center justify-between pb-2 shrink-0", children: [
+        /* @__PURE__ */ jsxs(DrawerTitle, { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Printer, { className: "w-4 h-4" }),
+          printer.label
+        ] }),
+        /* @__PURE__ */ jsx(
+          PrintDialogButton,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: handleClose,
+            className: "h-7 w-7",
+            children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col min-h-0 flex-1 overflow-hidden px-4 pb-4", children: /* @__PURE__ */ jsx(
+        PrintOptionsContent,
+        {
+          printer,
+          data,
+          onClose: handleClose
+        }
+      ) })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-sm flex flex-col max-h-[85dvh]", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "shrink-0", children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Printer, { className: "w-4 h-4" }),
+        printer.label
+      ] }),
+      /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: "Choose a print format and options for this content." })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsx(
+      PrintOptionsContent,
+      {
+        printer,
+        data,
+        onClose: handleClose
+      }
+    ) })
+  ] }) });
+}
+function usePrintOptions(printer, data) {
+  const [open, setOpen] = useState(false);
+  const triggerPrint = async () => {
+    if (!printer) return;
+    const hasOptions = printer.variants.length > 0 || (printer.settings?.length ?? 0) > 0;
+    if (!hasOptions) {
+      await printer.print(data);
+    } else {
+      setOpen(true);
+    }
+  };
+  return { open, setOpen, triggerPrint };
+}
+function LabelSheetPreview({
+  template: t,
+  labels,
+  startAtLabel = 1,
+  showCaption = true,
+  ecLevel = "M",
+  calibration = false,
+  pageIndex = 0,
+  className
+}) {
+  const [uris, setUris] = useState(/* @__PURE__ */ new Map());
+  const perPage = t.cols * t.rows;
+  const leadingBlanks = Math.max(0, startAtLabel - 1) % perPage;
+  const pageStart = pageIndex * perPage - leadingBlanks;
+  const layout = computeCellLayout(t, showCaption);
+  const cells = Array.from({ length: perPage }, (_, i) => {
+    const li = pageStart + i;
+    return li >= 0 && li < labels.length ? labels[li] ?? null : null;
+  });
+  const valuesKey = Array.from(
+    new Set(
+      cells.filter((c) => c !== null).map((c) => c.qrValue)
+    )
+  ).join("\0");
+  const qrIn = layout.qrIn;
+  useEffect(() => {
+    if (calibration) return;
+    let cancelled = false;
+    const values = valuesKey ? valuesKey.split("\0") : [];
+    void (async () => {
+      const next = /* @__PURE__ */ new Map();
+      for (const v of values) {
+        try {
+          next.set(v, await generateQrDataUri(v, ecLevel, qrIn));
+        } catch (err) {
+          console.error("[LabelSheetPreview] QR generation failed:", err);
+        }
+      }
+      if (!cancelled) setUris(next);
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [calibration, ecLevel, qrIn, valuesKey]);
+  const pct = (v, base) => `${v / base * 100}%`;
+  const radiusPct = t.round ? "50%" : t.cornerRadiusIn ? `${t.cornerRadiusIn / t.labelWIn * 100}% / ${t.cornerRadiusIn / t.labelHIn * 100}%` : "0";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `relative w-full bg-white border border-border rounded-md shadow-sm overflow-hidden ${className ?? ""}`,
+      style: { aspectRatio: `${t.sheetWIn} / ${t.sheetHIn}` },
+      "aria-label": `Label sheet preview \u2014 ${t.stockCode}`,
+      children: cells.map((label, i) => {
+        const col = i % t.cols;
+        const row = Math.floor(i / t.cols);
+        const x = t.marginLeftIn + col * (t.labelWIn + t.gutterXIn);
+        const y = t.marginTopIn + row * (t.labelHIn + t.gutterYIn);
+        const uri = label ? uris.get(label.qrValue) : void 0;
+        const wide = layout.wide;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: calibration || !label ? "absolute border border-dashed border-slate-300" : "absolute border border-slate-200",
+            style: {
+              left: pct(x, t.sheetWIn),
+              top: pct(y, t.sheetHIn),
+              width: pct(t.labelWIn, t.sheetWIn),
+              height: pct(t.labelHIn, t.sheetHIn),
+              borderRadius: radiusPct,
+              overflow: "hidden"
+            },
+            children: calibration ? /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[8px] text-slate-400", children: i + 1 }) : label ? /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `w-full h-full flex ${wide ? "flex-row items-center" : "flex-col items-center justify-center"} gap-[2%] p-[3%]`,
+                children: [
+                  uri ? /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: uri,
+                      alt: "",
+                      className: "block",
+                      style: wide ? { height: "88%", aspectRatio: "1" } : {
+                        width: `${layout.qrIn / t.labelWIn * 100}%`,
+                        aspectRatio: "1"
+                      }
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "bg-slate-100 animate-pulse rounded-sm",
+                      style: wide ? { height: "88%", aspectRatio: "1" } : { width: "70%", aspectRatio: "1" }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: `min-w-0 overflow-hidden text-black leading-tight ${wide ? "flex-1 text-left" : "text-center w-full"}`,
+                      style: { fontSize: "min(1.4vw, 10px)" },
+                      children: [
+                        showCaption && /* @__PURE__ */ jsx("div", { className: "font-bold truncate", children: label.caption ?? label.qrValue }),
+                        wide && label.lines?.filter((l) => l.trim()).map((l, li) => /* @__PURE__ */ jsx("div", { className: "truncate text-slate-600", children: l }, li))
+                      ]
+                    }
+                  )
+                ]
+              }
+            ) : null
+          },
+          i
+        );
+      })
+    }
+  );
+}
+export {
+  LabelSheetPreview,
+  PrintOptionsDialog,
+  usePrintOptions
+};
+//# sourceMappingURL=react.js.map