@gemboss/gem-framework 0.19.0 → 0.20.0

package/dist/index.js

@@ -435,7 +435,7 @@ function gemButtonGradientEndCss(accent = "var(--gem-color-accent)", accentText
 }
 
 // ../../packages/gem-framework/src/tokens.ts
-var gemFrameworkVersion = "0.19.0";
+var gemFrameworkVersion = "0.20.0";
 var GEM_FOCUS_RING_CSS_VAR = "--gem-focus-ring: 2px solid var(--gem-color-accent);";
 var GEM_TAP_MIN_CSS_VAR = "--gem-tap-min: 44px;";
 var GEM_FOCUS_OFFSET_CSS_VAR = "--gem-focus-offset: 3px;";
@@ -2092,10 +2092,10 @@ function createPanel(parent, ctx, shared) {
   ctx.on(prev, "click", () => step(-1));
   ctx.on(next, "click", () => step(1));
   ctx.on(add, "click", addToCart);
-  for (const [group, attr] of [[swatches, "data-gem-quick-view-color"], [sizes, "data-gem-quick-view-size"]]) {
+  for (const [group, attr5] of [[swatches, "data-gem-quick-view-color"], [sizes, "data-gem-quick-view-size"]]) {
     ctx.on(group, "click", (event) => {
-      const b = event.target.closest && event.target.closest(`[${attr}]`);
-      if (b && !b.disabled) pick(group, Number(b.getAttribute(attr)));
+      const b = event.target.closest && event.target.closest(`[${attr5}]`);
+      if (b && !b.disabled) pick(group, Number(b.getAttribute(attr5)));
     });
   }
   ctx.on(dialog, "cancel", (event) => {
@@ -2456,6 +2456,787 @@ function gemMotionChunks(legacyQuickView) {
   };
 }
 
+// ../../packages/gem-framework/src/pod/core.js
+var FIELD = "[data-gem-personalize]";
+var SCOPES = ["[data-gem-personalize-scope]", '[data-gem-element="product"]', 'form[action*="/cart/add"]', "[data-gem-section-id]"];
+function scopeOf(el) {
+  for (const selector of SCOPES) {
+    const found = el && el.closest ? el.closest(selector) : null;
+    if (found) return found;
+  }
+  return el && el.ownerDocument ? el.ownerDocument.documentElement : null;
+}
+var uploads = /* @__PURE__ */ new WeakMap();
+var attr = (el, name) => el && el.getAttribute ? el.getAttribute(name) : null;
+var trim = (value) => typeof value === "string" ? value.trim() : "";
+function fieldName(field) {
+  const own = trim(attr(field, "data-gem-personalize-name"));
+  if (own) return own;
+  const control = field.querySelector && field.querySelector("input, select, textarea");
+  return control ? trim(control.getAttribute("name")) : "";
+}
+function fieldType(field) {
+  const own = trim(attr(field, "data-gem-personalize-type"));
+  if (own) return own;
+  const control = field.querySelector && field.querySelector("input, select, textarea");
+  if (!control) return "text";
+  if (control.tagName === "SELECT") return "select";
+  if (control.tagName === "TEXTAREA") return "textarea";
+  return control.type === "file" ? "upload" : control.type === "checkbox" ? "checkbox" : control.type === "radio" ? "swatch" : "text";
+}
+var controlsOf = (field) => Array.prototype.slice.call(field.querySelectorAll ? field.querySelectorAll("input, select, textarea") : []).filter((c) => c.type !== "hidden");
+var HEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+var hexColor = (value) => HEX.test(trim(value)) ? trim(value) : "";
+function readField(field) {
+  const name = fieldName(field);
+  const type = fieldType(field);
+  const out = { name, type, value: "", color: "", preview: "", key: "" };
+  const controls = controlsOf(field);
+  if (type === "upload") {
+    const state = uploads.get(field);
+    if (state) Object.assign(out, { value: state.url || "", preview: state.preview || state.url || "", key: state.key || "" });
+    return out;
+  }
+  if (type === "checkbox") {
+    const box2 = controls.find((c) => c.type === "checkbox" && c.checked);
+    if (box2) out.value = box2.value && box2.value !== "on" ? box2.value : "Yes";
+    return out;
+  }
+  if (type === "select") {
+    const select = controls.find((c) => c.tagName === "SELECT");
+    const option = select && select.selectedIndex > -1 ? select.options[select.selectedIndex] : null;
+    out.value = trim(select ? select.value : "");
+    out.color = hexColor(attr(option, "data-gem-personalize-color"));
+    return out;
+  }
+  const radios = controls.filter((c) => c.type === "radio");
+  if (radios.length) {
+    const picked = radios.find((c) => c.checked);
+    if (picked) {
+      out.value = trim(picked.value);
+      const label = picked.closest ? picked.closest("label") : null;
+      out.color = hexColor(attr(picked, "data-gem-personalize-color") || attr(label, "data-gem-personalize-color"));
+    }
+    return out;
+  }
+  const box = controls[0];
+  out.value = trim(box ? box.value : "");
+  return out;
+}
+function readScope(scope) {
+  const values = {};
+  const fields = scope && scope.querySelectorAll ? scope.querySelectorAll(FIELD) : [];
+  Array.prototype.forEach.call(fields, (field) => {
+    const read = readField(field);
+    if (read.name) values[read.name] = field.hidden ? { ...read, value: "", color: "", preview: "" } : read;
+  });
+  return values;
+}
+var adopted = /* @__PURE__ */ new WeakMap();
+function adoptCss(el, key, sentinel, css) {
+  const doc = el.ownerDocument;
+  const view = doc && doc.defaultView;
+  if (!css || !view) return false;
+  let keys = adopted.get(doc);
+  if (!keys) adopted.set(doc, keys = /* @__PURE__ */ new Set());
+  if (keys.has(key)) return false;
+  keys.add(key);
+  try {
+    if (view.getComputedStyle(el).getPropertyValue(sentinel).trim()) return false;
+    const sheet = new view.CSSStyleSheet();
+    sheet.replaceSync(css);
+    doc.adoptedStyleSheets = [...doc.adoptedStyleSheets, sheet];
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+// ../../packages/gem-framework/src/pod/personalize.js
+var PERSONALIZE_MESSAGES = {
+  required: "Fill this in to add to cart.",
+  type: "This file type is not accepted.",
+  size: "This file is over {mb} MB.",
+  failed: "The upload failed. Try again.",
+  uploading: "Wait for the upload to finish.",
+  unavailable: "Photo upload is not available."
+};
+var WHEN = /^\s*(!)?\s*([^!=|]+?)\s*(?:(!=|==|=)\s*(.+?))?\s*$/;
+function parsePersonalizeWhen(text2) {
+  if (typeof text2 !== "string" || !text2.trim()) return null;
+  const m = WHEN.exec(text2);
+  if (!m) return null;
+  const [, not, name, op, rhs] = m;
+  if (!op) return { name: name.trim(), op: not ? "unset" : "set", values: [] };
+  const values = rhs.split("|").map((v) => v.trim().toLowerCase()).filter(Boolean);
+  if (not || !values.length) return null;
+  return { name: name.trim(), op: op === "!=" ? "not" : "is", values };
+}
+function personalizeWhenHolds(cond, values) {
+  const key = Object.keys(values).find((k) => k.toLowerCase() === cond.name.toLowerCase());
+  const value = key ? String(values[key].value || "").trim().toLowerCase() : "";
+  if (cond.op === "set") return value !== "";
+  if (cond.op === "unset") return value === "";
+  return cond.op === "is" ? cond.values.includes(value) : !cond.values.includes(value);
+}
+function fileAccepted(file, accept) {
+  const tokens = String(accept || "").split(",").map((t) => t.trim().toLowerCase()).filter(Boolean);
+  if (!tokens.length) return true;
+  const type = String(file.type || "").toLowerCase();
+  const name = String(file.name || "").toLowerCase();
+  return tokens.some((t) => t.startsWith(".") ? name.endsWith(t) : t.endsWith("/*") ? type.startsWith(t.slice(0, -1)) : type === t);
+}
+var attr2 = (el, name) => el && el.getAttribute ? el.getAttribute(name) : null;
+var tail = (id) => String(id).split("/").pop();
+var LISTS = '[data-gem-element="product-related"], [data-gem-element="product-list"]';
+function mountPersonalize(env, onUnmount) {
+  const { window: win, document: doc, on, mark, api } = env;
+  const owned = /* @__PURE__ */ new Set();
+  const objectUrls = /* @__PURE__ */ new Set();
+  const aborts = /* @__PURE__ */ new Set();
+  let styled = false;
+  let alive = true;
+  const scopeFields = (scope) => [...owned].filter((f) => f.isConnected && scopeOf(f) === scope);
+  const isRequired = (field) => attr2(field, "data-gem-personalize-required") === "true" || controlsOf(field).some((c) => c.required);
+  const message = (field, reason, fill = {}) => {
+    const own = attr2(field, `data-gem-personalize-message-${reason}`) || attr2(scopeOf(field), `data-gem-personalize-message-${reason}`);
+    return (own || PERSONALIZE_MESSAGES[reason] || "").replace(/\{(\w+)\}/g, (_, k) => k in fill ? String(fill[k]) : "");
+  };
+  const errorBox = (field) => {
+    let box = field.querySelector("[data-gem-personalize-error]");
+    if (!box) {
+      box = doc.createElement("p");
+      box.className = "gem-el-product-personalization__error";
+      box.setAttribute("data-gem-personalize-error", "");
+      box.setAttribute("role", "alert");
+      field.appendChild(box);
+    }
+    if (!box.id) box.id = `gem-personalize-error-${Math.random().toString(36).slice(2, 9)}`;
+    return box;
+  };
+  const showProblem = (field, reason, fill) => {
+    const box = errorBox(field);
+    box.textContent = message(field, reason, fill);
+    box.hidden = false;
+    field.setAttribute("data-gem-personalize-invalid", reason);
+    controlsOf(field).forEach((c) => {
+      c.setAttribute("aria-invalid", "true");
+      const ids = (attr2(c, "aria-describedby") || "").split(/\s+/).filter(Boolean);
+      if (!ids.includes(box.id)) c.setAttribute("aria-describedby", [...ids, box.id].join(" "));
+    });
+  };
+  const clearProblem = (field) => {
+    if (!field.hasAttribute("data-gem-personalize-invalid")) return;
+    field.removeAttribute("data-gem-personalize-invalid");
+    const box = field.querySelector("[data-gem-personalize-error]");
+    if (box) {
+      box.textContent = "";
+      box.hidden = true;
+    }
+    controlsOf(field).forEach((c) => c.removeAttribute("aria-invalid"));
+  };
+  const emitChange = (field) => {
+    const { name, value, type, color: color2, preview } = readField(field);
+    field.dispatchEvent(new win.CustomEvent("gem:personalize:change", { bubbles: true, detail: { name, value, type, color: color2, preview } }));
+  };
+  const count = (field) => {
+    const out = field.querySelector("[data-gem-personalize-count]");
+    const box = controlsOf(field).find((c) => c.tagName === "TEXTAREA" || c.type === "text" || c.type === "");
+    const max = Number(attr2(field, "data-gem-personalize-max")) || (box && box.maxLength > 0 ? box.maxLength : 0);
+    if (!out || !box || !max) return;
+    out.textContent = `${box.value.length}/${max}`;
+    if (box.value.length >= max) out.setAttribute("data-gem-personalize-full", "");
+    else out.removeAttribute("data-gem-personalize-full");
+  };
+  const applyConditions = (scope) => {
+    const fields = scopeFields(scope).filter((f) => attr2(f, "data-gem-personalize-when"));
+    for (let pass = 0; pass < 4; pass += 1) {
+      const values = readScope(scope);
+      let changed = false;
+      for (const field of fields) {
+        if (attr2(field, "data-gem-personalize-state") === "unavailable") continue;
+        const cond = parsePersonalizeWhen(attr2(field, "data-gem-personalize-when"));
+        if (!cond) {
+          field.setAttribute("data-gem-personalize-when-invalid", "");
+          continue;
+        }
+        const show = personalizeWhenHolds(cond, values);
+        if (field.hidden === !show) continue;
+        field.hidden = !show;
+        controlsOf(field).forEach((c) => {
+          c.disabled = !show;
+        });
+        if (!show) clearProblem(field);
+        changed = true;
+      }
+      if (!changed) break;
+    }
+  };
+  const claim = (field) => {
+    if (!mark(field, "personalize")) return false;
+    owned.add(field);
+    if (!styled && env.css) {
+      adoptCss(field, "personalize", "--gem-personalize-css", env.css);
+      styled = true;
+    }
+    const max = Number(attr2(field, "data-gem-personalize-max"));
+    controlsOf(field).forEach((c) => {
+      if (max > 0 && (c.tagName === "TEXTAREA" || c.type === "text") && !(c.maxLength > 0)) c.maxLength = max;
+    });
+    count(field);
+    if (fieldType(field) === "upload" && !endpointOf(field)) unavailable(field);
+    return true;
+  };
+  const claimAll = () => {
+    const fresh = Array.prototype.filter.call(doc.querySelectorAll(FIELD), claim);
+    new Set(fresh.map(scopeOf)).forEach(applyConditions);
+    return fresh.length;
+  };
+  const forget = (field) => {
+    const state = uploads.get(field);
+    if (state && state.preview && objectUrls.delete(state.preview) && win.URL && win.URL.revokeObjectURL) win.URL.revokeObjectURL(state.preview);
+    uploads.delete(field);
+    field.removeAttribute("data-gem-personalize-state");
+    const thumb = field.querySelector("[data-gem-personalize-thumb]");
+    if (thumb) {
+      thumb.removeAttribute("src");
+      thumb.hidden = true;
+    }
+  };
+  const endpointOf = (field) => {
+    const gem = win.GemTheme || {};
+    const url = attr2(field, "data-gem-personalize-endpoint") || attr2(scopeOf(field), "data-gem-personalize-endpoint") || api && api.uploadEndpoint || gem.uploadEndpoint;
+    return typeof url === "string" && url.trim() ? url.trim() : "";
+  };
+  const unavailable = (field) => {
+    forget(field);
+    clearProblem(field);
+    field.setAttribute("data-gem-personalize-state", "unavailable");
+    field.hidden = true;
+    controlsOf(field).forEach((c) => {
+      c.disabled = true;
+    });
+    emitChange(field);
+  };
+  const json = (res) => res && typeof res.json === "function" ? res.json().catch(() => ({})) : Promise.resolve({});
+  const failure = (reason, extra = {}) => Object.assign(new Error(reason), { reason, ...extra });
+  const send = (endpoint, field, file, mb, signal) => {
+    const fetch = (url, init) => win.fetch(url, { ...init, ...signal ? { signal } : {} });
+    return fetch(endpoint, { method: "POST", credentials: "same-origin", headers: { "content-type": "application/json", accept: "application/json" }, body: JSON.stringify({ type: file.type, size: file.size, max_mb: mb }) }).then((res) => json(res).then((answer) => {
+      if (res.status === 404) throw failure("unavailable");
+      if (res.status === 415) throw failure("type");
+      if (res.status === 413) throw failure("size", { mb: Number(answer.max_mb) || mb });
+      if (!res.ok) throw failure("failed");
+      const put = answer && answer.upload;
+      if (put && typeof put.url === "string") {
+        const headers = put.headers && typeof put.headers === "object" ? put.headers : {};
+        return fetch(put.url, { method: typeof put.method === "string" ? put.method : "PUT", headers, body: file, credentials: "omit" }).then((done) => {
+          if (!done || !done.ok) throw failure("failed");
+          return answer;
+        });
+      }
+      const body = new win.FormData();
+      body.append("file", file, file.name);
+      body.append("name", fieldName(field));
+      return fetch(endpoint, { method: "POST", body, credentials: "same-origin" }).then((res2) => {
+        if (!res2 || !res2.ok) throw failure(res2 && res2.status === 404 ? "unavailable" : "failed");
+        return json(res2);
+      });
+    }));
+  };
+  const upload = (field, input) => {
+    forget(field);
+    clearProblem(field);
+    const file = input.files && input.files[0];
+    if (!file) {
+      emitChange(field);
+      return;
+    }
+    const accept = attr2(field, "data-gem-personalize-accept") || attr2(input, "accept") || "image/*";
+    const mb = Number(attr2(field, "data-gem-personalize-max-mb")) || 10;
+    const endpoint = endpointOf(field);
+    const refuse = (reason, fill = { mb }) => {
+      input.value = "";
+      showProblem(field, reason, fill);
+      emitChange(field);
+    };
+    if (!fileAccepted(file, accept)) return refuse("type");
+    if (file.size > mb * 1048576) return refuse("size");
+    if (!endpoint || typeof win.fetch !== "function") return unavailable(field);
+    const preview = win.URL && win.URL.createObjectURL ? win.URL.createObjectURL(file) : "";
+    if (preview) objectUrls.add(preview);
+    const state = { uploading: true, preview, url: "", key: "" };
+    uploads.set(field, state);
+    field.setAttribute("data-gem-personalize-state", "uploading");
+    const thumb = field.querySelector("[data-gem-personalize-thumb]");
+    if (thumb && preview) {
+      thumb.src = preview;
+      thumb.hidden = false;
+    }
+    emitChange(field);
+    const abort = win.AbortController ? new win.AbortController() : null;
+    if (abort) aborts.add(abort);
+    send(endpoint, field, file, mb, abort && abort.signal).then((answer) => {
+      const url = answer && typeof answer.url === "string" && /^https?:\/\//i.test(answer.url) ? answer.url : "";
+      if (!url) throw failure("failed");
+      if (uploads.get(field) !== state) return;
+      Object.assign(state, { uploading: false, url, key: typeof answer.key === "string" ? answer.key : "" });
+      field.setAttribute("data-gem-personalize-state", "done");
+      clearProblem(field);
+      emitChange(field);
+    }).catch((error) => {
+      if (uploads.get(field) !== state || abort && abort.signal.aborted) return;
+      const reason = error && error.reason;
+      if (reason === "unavailable") return unavailable(field);
+      forget(field);
+      refuse(reason === "type" || reason === "size" ? reason : "failed", { mb: error && error.mb || mb });
+    }).finally(() => {
+      if (abort) aborts.delete(abort);
+    });
+  };
+  const onEdit = (event) => {
+    const field = event.target && event.target.closest ? event.target.closest(FIELD) : null;
+    if (!field || !owned.has(field)) return;
+    const type = fieldType(field);
+    const typing = type === "text" || type === "textarea";
+    if (event.type === "input" ? !typing : typing) return;
+    if (type === "upload") {
+      if (event.target.type === "file") upload(field, event.target);
+      return;
+    }
+    count(field);
+    if (readField(field).value) clearProblem(field);
+    applyConditions(scopeOf(field));
+    emitChange(field);
+  };
+  const problems = (scope) => scopeFields(scope).filter((f) => !f.hidden).flatMap((field) => {
+    const state = uploads.get(field);
+    if (state && state.uploading) return [[field, "uploading"]];
+    return isRequired(field) && !readField(field).value ? [[field, "required"]] : [];
+  });
+  const allowed = (scope) => {
+    applyConditions(scope);
+    const found = problems(scope);
+    scopeFields(scope).forEach((f) => {
+      if (!found.some(([p]) => p === f)) clearProblem(f);
+    });
+    if (!found.length) return true;
+    found.forEach(([field, reason]) => showProblem(field, reason));
+    const [first] = found[0];
+    const control = controlsOf(first)[0];
+    if (control && control.focus) control.focus({ preventScroll: true });
+    if (first.scrollIntoView) first.scrollIntoView({ block: "center" });
+    scope.dispatchEvent(new win.CustomEvent("gem:personalize:blocked", { bubbles: true, detail: { names: found.map(([f]) => fieldName(f)), reasons: found.map(([, r]) => r) } }));
+    return false;
+  };
+  const properties = (scope) => scopeFields(scope).filter((f) => !f.hidden).map(readField).filter((r) => r.name && r.value).flatMap((r) => [
+    { key: r.name, value: r.value },
+    ...r.type === "upload" && r.key ? [{ key: `_${r.name}_upload`, value: r.key }] : []
+  ]);
+  const merge = (list, add) => [...Array.isArray(list) ? list.filter((p) => !add.some((q) => p && q.key === p.key)) : [], ...add];
+  const variantOf = (scope) => [scope, ...scope.querySelectorAll("[data-gem-variant-id]")].filter((el) => el === scope || scopeOf(el) === scope && !el.closest(LISTS)).map((el) => attr2(el, "data-gem-variant-id")).filter(Boolean).map(tail);
+  const scopeOfAdd = (event) => {
+    const t = event.target;
+    if (t && t.nodeType === 1) {
+      const scope = scopeOf(t);
+      if (scopeFields(scope).length) return scope;
+    }
+    const detail = event.detail || {};
+    const ids = [detail.variantId, ...Array.isArray(detail.lines) ? detail.lines.map((l) => l && l.variantId) : []].filter(Boolean).map(tail);
+    if (!ids.length) return null;
+    const scopes = [...new Set([...owned].filter((f) => f.isConnected).map(scopeOf))];
+    return scopes.find((scope) => variantOf(scope).some((id) => ids.includes(id))) || null;
+  };
+  const onAdd = (event) => {
+    const scope = scopeOfAdd(event);
+    if (!scope) return;
+    const detail = event.detail && typeof event.detail === "object" ? event.detail : null;
+    if (!allowed(scope)) {
+      event.stopImmediatePropagation();
+      if (event.cancelable) event.preventDefault();
+      win.setTimeout(() => win.dispatchEvent(new win.CustomEvent("gem:cart:add-failed", { detail: { variantId: detail && detail.variantId, reason: "personalization" } })), 0);
+      return;
+    }
+    const add = properties(scope);
+    if (!detail || !add.length) return;
+    if (event.type === "gem:cart:add") {
+      detail.properties = merge(detail.properties, add);
+      return;
+    }
+    const lines = Array.isArray(detail.lines) ? detail.lines.filter((l) => l && typeof l === "object") : [];
+    const ids = variantOf(scope);
+    const mine = lines.filter((l) => ids.includes(tail(l.variantId)));
+    (mine.length ? mine : lines).forEach((line) => {
+      line.properties = merge(line.properties, add);
+    });
+  };
+  const scopeOfForm = (form) => [...new Set([...owned].filter((f) => f.isConnected).map(scopeOf))].filter((s) => s.contains(form)).sort((a, b) => a.contains(b) ? 1 : -1)[0] || null;
+  const onSubmit = (event) => {
+    const form = event.target;
+    if (!form || form.tagName !== "FORM") return;
+    const scope = scopeOfForm(form);
+    if (!scope) return;
+    if (!allowed(scope)) {
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      return;
+    }
+    if (!form.hasAttribute("action")) return;
+    form.querySelectorAll("[data-gem-personalize-hidden]").forEach((el) => el.remove());
+    properties(scope).forEach(({ key, value }) => {
+      const input = doc.createElement("input");
+      Object.assign(input, { type: "hidden", name: `properties[${key}]`, value });
+      input.setAttribute("data-gem-personalize-hidden", "");
+      form.appendChild(input);
+    });
+  };
+  const bound = claimAll();
+  on(doc, "input", onEdit);
+  on(doc, "change", onEdit);
+  on(doc, "submit", onSubmit, true);
+  on(win, "gem:cart:add", onAdd, true);
+  on(win, "gem:cart:add-many", onAdd, true);
+  if (typeof win.MutationObserver === "function") {
+    let queued = false;
+    const watch = new win.MutationObserver((records) => {
+      if (queued || !records.some((r) => Array.prototype.some.call(r.addedNodes, (n) => n.nodeType === 1 && (n.matches(FIELD) || n.querySelector(FIELD))))) return;
+      queued = true;
+      Promise.resolve().then(() => {
+        queued = false;
+        if (alive) claimAll();
+      });
+    });
+    watch.observe(doc.documentElement, { childList: true, subtree: true });
+    onUnmount(() => watch.disconnect());
+  }
+  onUnmount(() => {
+    alive = false;
+    aborts.forEach((a) => a.abort());
+    owned.forEach((field) => {
+      if (field.hidden && (attr2(field, "data-gem-personalize-when") || attr2(field, "data-gem-personalize-state") === "unavailable")) {
+        field.hidden = false;
+        controlsOf(field).forEach((c) => {
+          c.disabled = false;
+        });
+      }
+      forget(field);
+      clearProblem(field);
+    });
+    owned.clear();
+  });
+  return bound;
+}
+
+// ../../packages/gem-framework/src/pod/print-preview.js
+var HOOK = "[data-gem-print-preview]";
+var attr3 = (el, name) => el && el.getAttribute ? el.getAttribute(name) || "" : "";
+function printPreviewContent(root, values) {
+  const pick = (name) => {
+    const key = name && Object.keys(values).find((k) => k.toLowerCase() === name.trim().toLowerCase());
+    return key ? values[key] : null;
+  };
+  const text2 = pick(attr3(root, "data-gem-print-preview-text"));
+  const photo = pick(attr3(root, "data-gem-print-preview-photo"));
+  const spec = attr3(root, "data-gem-print-preview-color").trim();
+  const from = /^from:/i.test(spec) ? pick(spec.slice(5)) : null;
+  const photoUrl = photo ? photo.preview || photo.value : "";
+  return {
+    text: text2 ? String(text2.value || "") : "",
+    photo: /^(?:https?:|blob:|data:image\/)/i.test(photoUrl) ? photoUrl : "",
+    color: from ? from.color || hexColor(from.value) : hexColor(spec)
+  };
+}
+function mountPrintPreview(env, onUnmount) {
+  const { window: win, document: doc, on, mark } = env;
+  let count = 0;
+  doc.querySelectorAll(HOOK).forEach((root) => {
+    if (!mark(root, "print-preview")) return;
+    count += 1;
+    if (env.css) adoptCss(root, "print-preview", "--gem-print-preview-css", env.css);
+    const area = root.querySelector("[data-gem-print-preview-area]");
+    if (!area) return;
+    const scope = scopeOf(root);
+    let textEl = null;
+    let photoEl = null;
+    const fit = () => {
+      if (!textEl) return;
+      textEl.style.transform = "";
+      const room = area.clientWidth;
+      const need = textEl.scrollWidth;
+      if (room > 0 && need > room) textEl.style.transform = `scale(${Math.max(0.3, room / need).toFixed(3)})`;
+    };
+    const draw = () => {
+      const { text: text2, photo, color: color2 } = printPreviewContent(root, readScope(scope));
+      if (photo) {
+        if (!photoEl) {
+          photoEl = doc.createElement("img");
+          photoEl.className = "gem-el-product-print-preview__photo";
+          photoEl.alt = "";
+          area.prepend(photoEl);
+        }
+        if (photoEl.getAttribute("src") !== photo) photoEl.src = photo;
+      } else if (photoEl) {
+        photoEl.remove();
+        photoEl = null;
+      }
+      if (text2) {
+        if (!textEl) {
+          textEl = doc.createElement("p");
+          textEl.className = "gem-el-product-print-preview__text";
+          area.append(textEl);
+        }
+        textEl.textContent = text2;
+        fit();
+      } else if (textEl) {
+        textEl.remove();
+        textEl = null;
+      }
+      if (color2) root.style.setProperty("--gem-print-preview-color", color2);
+      else root.style.removeProperty("--gem-print-preview-color");
+      if (text2 || photo) root.setAttribute("data-gem-print-preview-state", "drawn");
+      else root.removeAttribute("data-gem-print-preview-state");
+    };
+    on(scope, "gem:personalize:change", draw);
+    if (typeof win.ResizeObserver === "function") new win.ResizeObserver(fit).observe(area);
+    draw();
+    onUnmount(() => {
+      if (photoEl) photoEl.remove();
+      if (textEl) textEl.remove();
+      root.removeAttribute("data-gem-print-preview-state");
+      root.style.removeProperty("--gem-print-preview-color");
+    });
+  });
+  return count;
+}
+
+// ../../packages/gem-framework/src/pod/delivery-estimate.js
+var DAY = 864e5;
+function parseDayRange(value) {
+  if (typeof value === "number") return Number.isFinite(value) && value >= 0 ? [Math.floor(value), Math.floor(value)] : null;
+  const m = /^\s*(\d{1,3})\s*(?:[-–—]\s*(\d{1,3}))?\s*$/.exec(String(value == null ? "" : value));
+  if (!m) return null;
+  const min = Number(m[1]);
+  const max = m[2] === void 0 ? min : Number(m[2]);
+  return max >= min ? [min, max] : null;
+}
+var localDay = (now) => Date.UTC(now.getFullYear(), now.getMonth(), now.getDate());
+var weekend = (day) => {
+  const d = new Date(day).getUTCDay();
+  return d === 0 || d === 6;
+};
+var iso = (day) => new Date(day).toISOString().slice(0, 10);
+function addDays(day, n, business) {
+  let at = day;
+  let left = n;
+  while (left > 0) {
+    at += DAY;
+    if (!business || !weekend(at)) left -= 1;
+  }
+  return at;
+}
+function storeHour(now, timeZone) {
+  if (timeZone) {
+    try {
+      const part = new Intl.DateTimeFormat("en-US", { timeZone, hour: "numeric", hourCycle: "h23" }).formatToParts(now).find((p) => p.type === "hour");
+      if (part) return Number(part.value) % 24;
+    } catch {
+    }
+  }
+  return now.getHours();
+}
+function deliveryEstimate(now, spec) {
+  const production = parseDayRange(spec.production);
+  const shipping = parseDayRange(spec.shipping);
+  if (!production || !shipping || !(now instanceof Date) || Number.isNaN(now.getTime())) return null;
+  const business = spec.businessDays !== false;
+  const today = localDay(now);
+  let start = today;
+  const cutoff = Number(spec.cutoffHour);
+  if (spec.cutoffHour !== void 0 && spec.cutoffHour !== null && spec.cutoffHour !== "" && Number.isInteger(cutoff) && cutoff >= 0 && cutoff <= 23 && storeHour(now, spec.timeZone) >= cutoff) start += DAY;
+  while (business && weekend(start)) start += DAY;
+  const ships = [addDays(start, production[0], business), addDays(start, production[1], business)];
+  const arrives = [addDays(ships[0], shipping[0], business), addDays(ships[1], shipping[1], business)];
+  return { ordered: iso(today), start: iso(start), ships: ships.map(iso), arrives: arrives.map(iso) };
+}
+function formatDeliveryRange(from, to, locale) {
+  const at = (d) => /* @__PURE__ */ new Date(`${d}T00:00:00Z`);
+  let fmt;
+  try {
+    fmt = new Intl.DateTimeFormat(locale || void 0, { month: "short", day: "numeric", timeZone: "UTC" });
+  } catch {
+    fmt = new Intl.DateTimeFormat(void 0, { month: "short", day: "numeric", timeZone: "UTC" });
+  }
+  if (!to || to === from) return fmt.format(at(from));
+  return typeof fmt.formatRange === "function" ? fmt.formatRange(at(from), at(to)) : `${fmt.format(at(from))} \u2013 ${fmt.format(at(to))}`;
+}
+var attr4 = (el, name) => (el.getAttribute(name) || "").trim();
+function mountDeliveryEstimate(env) {
+  const { document: doc, mark } = env;
+  let count = 0;
+  doc.querySelectorAll("[data-gem-delivery-estimate]").forEach((root) => {
+    if (!mark(root, "delivery-estimate")) return;
+    const estimate = deliveryEstimate(/* @__PURE__ */ new Date(), {
+      production: attr4(root, "data-gem-delivery-production"),
+      shipping: attr4(root, "data-gem-delivery-shipping"),
+      businessDays: attr4(root, "data-gem-delivery-business-days") !== "false",
+      cutoffHour: attr4(root, "data-gem-delivery-cutoff-hour"),
+      timeZone: attr4(root, "data-gem-delivery-timezone")
+    });
+    if (!estimate) return;
+    const locale = attr4(root, "data-gem-delivery-locale") || doc.documentElement && doc.documentElement.lang || void 0;
+    const ranges = { ordered: [estimate.ordered, estimate.ordered], ships: estimate.ships, arrives: estimate.arrives };
+    root.querySelectorAll("[data-gem-delivery-date]").forEach((out) => {
+      const range = ranges[attr4(out, "data-gem-delivery-date")];
+      if (!range) return;
+      out.textContent = formatDeliveryRange(range[0], range[1], locale);
+      out.setAttribute("data-gem-delivery-from", range[0]);
+      out.setAttribute("data-gem-delivery-to", range[1]);
+    });
+    root.setAttribute("data-gem-delivery-state", "local");
+    count += 1;
+  });
+  return count;
+}
+
+// ../../packages/gem-framework/src/pod-engine.ts
+var P = ".gem-el-product-personalization";
+var V = ".gem-el-product-print-preview";
+var D = ".gem-el-product-delivery-estimate";
+var S = ".gem-el-product-design-switcher";
+var GEM_POD_BUYBOX_CSS_LINES = [
+  // product-personalization: one field per element. The wrapper is the hook; a field whose condition fails is [hidden].
+  `${P} { display: grid; gap: var(--gem-space-2xs); min-width: 0; }`,
+  `${P}[hidden] { display: none; }`,
+  `${P}__label { display: grid; gap: var(--gem-space-2xs); }`,
+  `${P}__title { font-size: var(--gem-text-sm); font-weight: 600; }`,
+  `${P}__required { color: var(--gem-color-danger); }`,
+  `${P}__input { box-sizing: border-box; width: 100%; min-height: var(--gem-tap-min); padding: var(--gem-space-xs) var(--gem-space-sm); font: inherit; color: var(--gem-color-text); background: var(--gem-color-background); border: var(--gem-stroke, 1px) solid var(--gem-color-border); border-radius: var(--gem-radius-md); }`,
+  `textarea${P}__input { min-height: calc(var(--gem-tap-min) * 2); resize: vertical; }`,
+  `${P}__meta { display: flex; gap: var(--gem-space-xs); align-items: baseline; }`,
+  `${P}__help { margin: 0; color: var(--gem-color-muted); font-size: var(--gem-text-xs); }`,
+  `${P}__count { margin-left: auto; color: var(--gem-color-muted); font-size: var(--gem-text-xs); font-variant-numeric: tabular-nums; }`,
+  // swatch and image-choice: radios inside labels; the radio stays focusable, its picture shows the state.
+  `${P}__options { display: flex; flex-wrap: wrap; gap: var(--gem-space-xs); margin: 0; padding: 0; border: 0; min-width: 0; }`,
+  `${P}__option { position: relative; display: inline-grid; justify-items: center; gap: var(--gem-space-2xs); font-size: var(--gem-text-xs); cursor: pointer; }`,
+  `${P}__option input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }`,
+  `${P}__swatch { display: block; width: var(--gem-tap-min); height: var(--gem-tap-min); border-radius: var(--gem-radius-pill); background: var(--gem-personalize-swatch, var(--gem-color-surface)); border: var(--gem-stroke, 1px) solid var(--gem-color-border); }`,
+  `${P}__choice-image { display: block; width: calc(var(--gem-tap-min) * 1.75); aspect-ratio: 1; object-fit: cover; border-radius: var(--gem-radius-md); border: var(--gem-stroke, 1px) solid var(--gem-color-border); }`,
+  `${P}__option input:checked ~ ${P}__swatch, ${P}__option input:checked ~ ${P}__choice-image { box-shadow: 0 0 0 var(--gem-stroke-thick, 2px) var(--gem-color-background), 0 0 0 calc(var(--gem-stroke-thick, 2px) * 2) var(--gem-color-text); }`,
+  `${P}__option input:focus-visible ~ ${P}__swatch, ${P}__option input:focus-visible ~ ${P}__choice-image { outline: var(--gem-focus-ring); outline-offset: calc(var(--gem-focus-offset) + var(--gem-stroke-thick, 2px) * 2); }`,
+  `${P}__checkbox { display: inline-flex; align-items: center; gap: var(--gem-space-xs); min-height: var(--gem-tap-min); cursor: pointer; }`,
+  // upload: a dashed drop box around a visually hidden (still focusable) file input, a thumbnail once a photo is picked.
+  `${P}__upload { position: relative; display: grid; justify-items: center; gap: var(--gem-space-2xs); padding: var(--gem-space-md); text-align: center; background: var(--gem-color-surface); border: var(--gem-stroke, 1px) dashed var(--gem-color-border); border-radius: var(--gem-radius-md); cursor: pointer; }`,
+  `${P}__upload:focus-within { outline: var(--gem-focus-ring); outline-offset: var(--gem-focus-offset); }`,
+  `${P}__file { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }`,
+  `${P}__thumb { display: block; width: calc(var(--gem-tap-min) * 2); aspect-ratio: 1; object-fit: cover; border-radius: var(--gem-radius-sm); }`,
+  `${P}__thumb[hidden], ${P}__thumb:not([src]) { display: none; }`,
+  `${P}__privacy { margin: 0; color: var(--gem-color-muted); font-size: var(--gem-text-xs); }`,
+  `${P}__error { margin: 0; color: var(--gem-color-danger); font-size: var(--gem-text-xs); }`,
+  `${P}__error:empty, ${P}__error[hidden] { display: none; }`,
+  // product-print-preview: the product's current image, and the print area on it (percent of the image, from the element's
+  // area_* props or the gemboss.print_area metafield). Empty until the shopper types or uploads.
+  `${V} { position: relative; display: block; overflow: hidden; border-radius: var(--gem-media-radius, var(--gem-radius-md)); }`,
+  `${V}__media { display: block; width: 100%; height: auto; }`,
+  `${V}__area { position: absolute; left: calc(var(--gem-print-preview-x, 20) * 1%); top: calc(var(--gem-print-preview-y, 35) * 1%); width: calc(var(--gem-print-preview-w, 60) * 1%); height: calc(var(--gem-print-preview-h, 20) * 1%); display: grid; place-items: center; overflow: hidden; pointer-events: none; container-type: size; }`,
+  `${V}[data-gem-print-preview-shape="circle"] ${V}__area { border-radius: 50%; }`,
+  `${V}[data-gem-print-preview-font="body"] { --gem-print-preview-font: var(--gem-font-body); }`,
+  `${V}[data-gem-print-preview-font="accent"] { --gem-print-preview-font: var(--gem-font-accent, var(--gem-font-heading)); }`,
+  // product-delivery-estimate: three steps on a line (timeline), or one sentence (line). Dates are the server's for its today
+  // until the plugin rewrites them in the shopper's.
+  `${D} { display: grid; gap: var(--gem-space-xs); font-size: var(--gem-text-sm); }`,
+  `${D}__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gem-space-sm); margin: 0; padding: 0; list-style: none; }`,
+  `${D}__step { position: relative; display: grid; justify-items: center; gap: var(--gem-space-2xs); text-align: center; }`,
+  `${D}__step::before { content: ""; width: 0.75em; height: 0.75em; border-radius: var(--gem-radius-pill); background: var(--gem-color-accent); }`,
+  `${D}__step + ${D}__step::after { content: ""; position: absolute; top: 0.375em; right: calc(50% + 0.75em); width: calc(100% - 1.5em + var(--gem-space-sm)); height: var(--gem-stroke, 1px); background: var(--gem-color-border); }`,
+  `${D}__label { color: var(--gem-color-muted); font-size: var(--gem-text-xs); }`,
+  `${D}__date { font-weight: 600; font-variant-numeric: tabular-nums; }`,
+  `${D}__note { margin: 0; color: var(--gem-color-muted); font-size: var(--gem-text-xs); }`,
+  `${D}[data-gem-delivery-style="line"] ${D}__steps { display: flex; flex-wrap: wrap; gap: var(--gem-space-2xs) var(--gem-space-sm); }`,
+  `${D}[data-gem-delivery-style="line"] ${D}__step { display: inline-flex; gap: var(--gem-space-2xs); text-align: start; }`,
+  `${D}[data-gem-delivery-style="line"] ${D}__step::before, ${D}[data-gem-delivery-style="line"] ${D}__step::after { content: none; }`,
+  // product-design-switcher: one link per product that shares the design (pills, or cards with the sibling's photo).
+  `${S} { display: grid; gap: var(--gem-space-xs); }`,
+  `${S}__list { display: flex; flex-wrap: wrap; gap: var(--gem-space-xs); margin: 0; padding: 0; list-style: none; }`,
+  `${S}__item { display: inline-flex; align-items: center; gap: var(--gem-space-2xs); min-height: var(--gem-tap-min); padding: var(--gem-space-2xs) var(--gem-space-sm); font-size: var(--gem-text-sm); color: var(--gem-color-text); text-decoration: none; background: var(--gem-color-background); border: var(--gem-stroke, 1px) solid var(--gem-color-border); border-radius: var(--gem-radius-pill); }`,
+  `${S}__item:hover { border-color: var(--gem-color-text); }`,
+  `${S}__item:focus-visible { outline: var(--gem-focus-ring); outline-offset: var(--gem-focus-offset); }`,
+  `${S}__item[aria-current="page"] { border-color: var(--gem-color-text); box-shadow: inset 0 0 0 var(--gem-stroke, 1px) var(--gem-color-text); }`,
+  `${S}__price { color: var(--gem-color-muted); font-variant-numeric: tabular-nums; }`,
+  `${S}__image { display: none; }`,
+  `${S}[data-gem-design-switcher-style="cards"] ${S}__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr)); }`,
+  `${S}[data-gem-design-switcher-style="cards"] ${S}__item { flex-direction: column; align-items: stretch; padding: var(--gem-space-xs); border-radius: var(--gem-radius-md); }`,
+  `${S}[data-gem-design-switcher-style="cards"] ${S}__image { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--gem-radius-sm); }`,
+  `${S}[data-gem-design-switcher-style="cards"] ${S}__label { font-weight: 600; }`
+];
+var GEM_PERSONALIZE_RUNTIME_CSS_LINES = [
+  `${P}[data-gem-personalize-invalid] ${P}__input, ${P}[data-gem-personalize-invalid] ${P}__upload, ${P}[data-gem-personalize-invalid] ${P}__swatch, ${P}[data-gem-personalize-invalid] ${P}__choice-image { border-color: var(--gem-color-danger); }`,
+  `${P}[data-gem-personalize-state="uploading"] ${P}__upload { cursor: progress; opacity: 0.7; }`,
+  `${P}__count[data-gem-personalize-full] { color: var(--gem-color-text); font-weight: 600; }`
+];
+var GEM_PRINT_PREVIEW_RUNTIME_CSS_LINES = [
+  // The words: the theme font the element names, the colour it follows, as many lines as it allows, sized by the area's
+  // height (container units); a word wider than the area is scaled down by the plugin with a transform, never re-laid out.
+  `${V}__text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--gem-print-preview-lines, 2); max-width: 100%; margin: 0; overflow: hidden; overflow-wrap: anywhere; font-family: var(--gem-print-preview-font, var(--gem-font-heading)); font-size: calc(82cqh / var(--gem-print-preview-lines, 2)); line-height: 1.1; color: var(--gem-print-preview-color, var(--gem-color-text)); text-align: center; transform-origin: center; }`,
+  `${V}[data-gem-print-preview-align="left"] ${V}__area { place-items: center start; }`,
+  `${V}[data-gem-print-preview-align="left"] ${V}__text { text-align: start; transform-origin: left center; }`,
+  `${V}[data-gem-print-preview-align="right"] ${V}__area { place-items: center end; }`,
+  `${V}[data-gem-print-preview-align="right"] ${V}__text { text-align: end; transform-origin: right center; }`,
+  `${V}__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }`
+];
+var GEM_POD_BUYBOX_CSS = GEM_POD_BUYBOX_CSS_LINES.join("\n") + "\n";
+var GEM_PERSONALIZE_RUNTIME_CSS = GEM_PERSONALIZE_RUNTIME_CSS_LINES.join("\n") + "\n";
+var GEM_PRINT_PREVIEW_RUNTIME_CSS = GEM_PRINT_PREVIEW_RUNTIME_CSS_LINES.join("\n") + "\n";
+var GEM_POD_CLASSES = [
+  ...["", "__label", "__title", "__required", "__input", "__meta", "__help", "__count", "__options", "__option", "__swatch", "__choice-image", "__checkbox", "__upload", "__file", "__thumb", "__privacy", "__error"].map((part) => `gem-el-product-personalization${part}`),
+  ...["", "__media", "__area", "__text", "__photo"].map((part) => `gem-el-product-print-preview${part}`),
+  ...["", "__steps", "__step", "__label", "__date", "__note"].map((part) => `gem-el-product-delivery-estimate${part}`),
+  ...["", "__list", "__item", "__label", "__price", "__image"].map((part) => `gem-el-product-design-switcher${part}`)
+];
+var GEM_POD_CSS_VARIABLES = [
+  "--gem-personalize-css",
+  "--gem-personalize-swatch",
+  "--gem-print-preview-css",
+  "--gem-print-preview-x",
+  "--gem-print-preview-y",
+  "--gem-print-preview-w",
+  "--gem-print-preview-h",
+  "--gem-print-preview-lines",
+  "--gem-print-preview-color",
+  "--gem-print-preview-font",
+  // No accent font token in gem-framework yet: a skin may set it, the preview falls back to the heading font.
+  "--gem-font-accent"
+];
+var GEM_POD_RUNTIME_FILES = ["pod/core.js", "pod/personalize.js", "pod/print-preview.js", "pod/delivery-estimate.js"];
+var GEM_POD_PLUGINS = [
+  { key: "personalize", hook: "[data-gem-personalize]", when: "viewport", budget: { gzip: 6144 } },
+  { key: "print-preview", hook: "[data-gem-print-preview]", when: "interaction", budget: { gzip: 6144 } },
+  { key: "delivery-estimate", hook: "[data-gem-delivery-estimate]", when: "viewport", budget: { gzip: 6144 } }
+];
+var MOUNTS = {
+  personalize: { name: "mountPersonalize", file: "personalize", css: GEM_PERSONALIZE_RUNTIME_CSS },
+  "print-preview": { name: "mountPrintPreview", file: "print-preview", css: GEM_PRINT_PREVIEW_RUNTIME_CSS },
+  "delivery-estimate": { name: "mountDeliveryEstimate", file: "delivery-estimate", css: "" }
+};
+function gemPodChunks() {
+  const chunks = {};
+  for (const { key, hook, when } of GEM_POD_PLUGINS) {
+    const { name, file, css } = MOUNTS[key];
+    chunks[key] = {
+      hook,
+      when,
+      imports: [`import { ${name} } from "../pod/${file}.js";`],
+      body: [
+        `  registerPlugin('${key}', ({ api }) => {`,
+        "    const on = (el, type, fn, opt) => { if (canListen(el)) el.addEventListener(type, fn, opt); };",
+        `    const count = ${name}({ window, document, on, mark, api${css ? `, css: ${JSON.stringify(compactCss(css))}` : ""} }, onUnmount);`,
+        `    api.emit('gem:${key}:ready', { source: 'gem-runtime', count });`,
+        "  });"
+      ]
+    };
+  }
+  return chunks;
+}
+
 // ../../packages/gem-framework/src/manifest.ts
 var gemFrameworkPrimitiveGroups = [
   {
@@ -2657,6 +3438,13 @@ var gemFrameworkPrimitiveGroups = [
     group: "motion",
     classes: [...GEM_MOTION_CLASSES]
   },
+  {
+    // The Boss Theme POD buy box (pod-engine.ts, 0.20.0): the four elements gemsite renders (personalization v2, print
+    // preview, delivery estimate, design switcher) and what their plugins draw. Styled by dist/pod-buybox.css and the
+    // personalize / print-preview chunks' own sheets, never by gem-framework.css.
+    group: "pod",
+    classes: [...GEM_POD_CLASSES]
+  },
   {
     group: "sections",
     classes: [
@@ -2899,6 +3687,25 @@ var gemFrameworkRuntimePlugins = [
     key: "rail",
     load_strategy: "idle",
     events: ["gem:rail:ready", "gem:motion:front", "gem:motion:fallback"]
+  },
+  // The Boss Theme POD buy box (0.20.0, pod-engine.ts): lazy chunks like the motion effects. idle schedules gem-runtime.js's
+  // stub, which imports the chunk when its hook comes near (personalize, delivery-estimate) or is first touched (print-preview),
+  // never on a page without one. personalize holds the product's add (gem:cart:add / add-many, a form submit) until every
+  // required field is filled, and answers a held add with gem:cart:add-failed.
+  {
+    key: "personalize",
+    load_strategy: "idle",
+    events: ["gem:personalize:ready", "gem:personalize:change", "gem:personalize:blocked", "gem:cart:add-failed"]
+  },
+  {
+    key: "print-preview",
+    load_strategy: "idle",
+    events: ["gem:print-preview:ready"]
+  },
+  {
+    key: "delivery-estimate",
+    load_strategy: "idle",
+    events: ["gem:delivery-estimate:ready"]
   }
 ];
 var gemFrameworkValidationRules = [
@@ -3072,7 +3879,7 @@ var GEM_POPUP_SHELL_CSS = GEM_POPUP_SHELL_CSS_LINES.join("\n");
 
 // ../../packages/gem-framework/src/primitives.ts
 var dividerMask = (path) => `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='${path}'/%3E%3C/svg%3E")`;
-var knownValues = (attr, values) => `:where(${values.map((v) => `[${attr}='${v}']`).join(", ")})`;
+var knownValues = (attr5, values) => `:where(${values.map((v) => `[${attr5}='${v}']`).join(", ")})`;
 var DIVIDER_SHAPES = Object.keys(GEM_SECTION_DIVIDER_PATHS);
 var GEM_DIVIDER_CSS_LINES = [
   // The clip is WIDENED, not removed. `.gem-section` sets `overflow: clip` and the wedge is drawn
@@ -7444,7 +8251,10 @@ var runtimePluginReadyEvents = {
   bundle: "gem:bundle:ready",
   "size-guide": "gem:size-guide:ready",
   orbit: "gem:orbit:ready",
-  rail: "gem:rail:ready"
+  rail: "gem:rail:ready",
+  personalize: "gem:personalize:ready",
+  "print-preview": "gem:print-preview:ready",
+  "delivery-estimate": "gem:delivery-estimate:ready"
 };
 var cartDrawerPluginRegistrationLines = [
   "  registerPlugin('cart-drawer', ({ api }) => {",
@@ -7992,11 +8802,14 @@ var legacyQuickViewLines = [
   // page's api.quickView.
   "    if (surface || !api.quickView) api.quickView = { open: (detail = {}) => openSurface({ ...detail }), close };"
 ];
-var runtimeChunks = gemMotionChunks({
-  hook: '[data-gem-quick-view], [data-gem-action="quick-view"]',
-  lines: legacyQuickViewLines,
-  readyDetail: "count: bound + count, hasSurface: Boolean(surface)"
-});
+var runtimeChunks = {
+  ...gemMotionChunks({
+    hook: '[data-gem-quick-view], [data-gem-action="quick-view"]',
+    lines: legacyQuickViewLines,
+    readyDetail: "count: bound + count, hasSurface: Boolean(surface)"
+  }),
+  ...gemPodChunks()
+};
 var promoPopupPluginRegistrationLines = [
   "  registerPlugin('promo-popup', ({ api }) => {",
   // Only the explicit hook opts in. Every promo-popup section carries the archetype class .gem-promo-popup, and
@@ -8586,7 +9399,10 @@ var runtimePluginSourceLines = [
   ["bundle", bundlePluginRegistrationLines],
   ["size-guide", sizeGuidePluginRegistrationLines],
   ["orbit", runtimeChunks.orbit.body],
-  ["rail", runtimeChunks.rail.body]
+  ["rail", runtimeChunks.rail.body],
+  ["personalize", runtimeChunks.personalize.body],
+  ["print-preview", runtimeChunks["print-preview"].body],
+  ["delivery-estimate", runtimeChunks["delivery-estimate"].body]
 ];
 var noopPluginRegistrationLine = (key, readyEvent) => `  registerNoopPlugin(${JSON.stringify(key)}, ${JSON.stringify(readyEvent)});`;
 var chunkStubLine = (key, chunk) => `  registerPlugin(${JSON.stringify(key)}, ({ api }) => loadChunk(${JSON.stringify(key)}, ${JSON.stringify(chunk.hook)}, ${JSON.stringify(chunk.when)}, api));`;
@@ -8981,7 +9797,10 @@ var canonicalCssVariableNames = /* @__PURE__ */ new Set([
   // internals (--gem-orbit-a, --gem-rail-t) included, and sets --gem-orbit-i / -n, the settings and --gem-motion-tint.
   ...new Set([GEM_ORBIT_BASE_CSS, GEM_RAIL_BASE_CSS, GEM_ORBIT_RUNTIME_CSS, GEM_RAIL_RUNTIME_CSS, GEM_QUICK_VIEW_CSS].join("\n").match(/--gem-[a-z0-9-]+/g) ?? []),
   // …and every setting an effect reads from a CSS variable (`css: true`): a section sets it in its stylesheet, per breakpoint.
-  ...gemMotionEffectList.flatMap((effect) => Object.entries(effect.settings).filter(([, setting]) => setting.css).map(([name]) => `--gem-${effect.key}-${name}`))
+  ...gemMotionEffectList.flatMap((effect) => Object.entries(effect.settings).filter(([, setting]) => setting.css).map(([name]) => `--gem-${effect.key}-${name}`)),
+  // The POD buy box's (pod-engine.ts, 0.20.0): the print area and lines gemsite sets on a preview, the swatch colour of an
+  // option, the chunks' sentinels, and --gem-font-accent, the accent font a skin may set (the preview falls back to heading).
+  ...GEM_POD_CSS_VARIABLES
 ]);
 var TOKENIZED_PROPERTIES = [
   "background",
@@ -10353,7 +11172,14 @@ export {
   GEM_ORBIT_BASE_CSS,
   GEM_ORBIT_RUNTIME_CSS,
   GEM_PART_CLASS,
+  GEM_PERSONALIZE_RUNTIME_CSS,
+  GEM_POD_BUYBOX_CSS,
+  GEM_POD_CLASSES,
+  GEM_POD_CSS_VARIABLES,
+  GEM_POD_PLUGINS,
+  GEM_POD_RUNTIME_FILES,
   GEM_POPUP_SHELL_CSS,
+  GEM_PRINT_PREVIEW_RUNTIME_CSS,
   GEM_QUICK_VIEW_CSS,
   GEM_RAIL_BASE_CSS,
   GEM_RAIL_RUNTIME_CSS,
@@ -10370,6 +11196,7 @@ export {
   MODERN_MINERAL_HOMEPAGE_LINEAGE_SECTIONS,
   MODERN_MINERAL_HOMEPAGE_PACK_ID,
   MODERN_MINERAL_STYLE_PACK_ID,
+  PERSONALIZE_MESSAGES,
   aaLabelColor,
   aaTextColor,
   auditGemFrameworkClassName,
@@ -10397,8 +11224,11 @@ export {
   defaultGemTokens,
   defaultSelection,
   defineEffect,
+  deliveryEstimate,
   deriveFormSetId,
+  fileAccepted,
   follow,
+  formatDeliveryRange,
   gemBandSchemeColors,
   gemBandSchemeCssVars,
   gemBandSchemeDeclarations,
@@ -10428,6 +11258,7 @@ export {
   gemPhoneTokenTarget,
   gemPlanFormSet,
   gemPlanShapeKnobs,
+  gemPodChunks,
   gemRailBaseCss,
   gemRuntimePluginModuleKeys,
   gemRuntimePluginSources,
@@ -10444,14 +11275,23 @@ export {
   modernMineralHomepageLineageSections,
   motionCssVarAliases,
   motionCssVarName,
+  mountDeliveryEstimate,
+  mountPersonalize,
+  mountPrintPreview,
   normalizeGemTokens,
   normalizeHex,
   offerEngineRuntimeScript,
   optionalGemTokenKeys,
   orbitEffect,
+  parseDayRange,
+  parsePersonalizeWhen,
+  personalizeWhenHolds,
   planToRuntimeBootstrapConfig,
+  printPreviewContent,
   quickViewEffect,
   railEffect,
+  readField,
+  readScope,
   renderGemFrameworkManifest,
   renderGemPreviewDocument,
   renderGemSectionMarkup,
@@ -10466,9 +11306,11 @@ export {
   ringDelta,
   ringPose,
   scopeMotionCss,
+  scopeOf,
   scrollProgress,
   slugify,
   spring,
+  storeHour,
   throwTarget,
   toCssVars,
   toMotionCssVars,