@lime-bundles/widget 4.0.0 → 4.1.0

package/dist/index.cjs

@@ -1249,15 +1249,38 @@ function formatSubtitle(remaining, discountType, discountValue, t) {
 
 // ../render/src/picker/rules.ts
 var DEFAULT_RULE = { min: 1, max: 99 };
-function ruleFor(productId, rulesMap) {
+function ruleFor(productId, rulesMap, variantId) {
+  if (variantId != null) {
+    const vRule = rulesMap["gid://shopify/ProductVariant/" + variantId];
+    if (vRule && typeof vRule.min === "number" && typeof vRule.max === "number") {
+      return vRule;
+    }
+  }
   const rule = rulesMap["gid://shopify/Product/" + productId];
   if (!rule || typeof rule.min !== "number" || typeof rule.max !== "number") {
     return DEFAULT_RULE;
   }
   return rule;
 }
-function defaultPickQuantity(productId, rulesMap) {
-  return ruleFor(productId, rulesMap).min;
+function variantRuleFor(variantId, rulesMap) {
+  if (variantId == null) return void 0;
+  const rule = rulesMap["gid://shopify/ProductVariant/" + variantId];
+  if (!rule || typeof rule.min !== "number" || typeof rule.max !== "number") {
+    return void 0;
+  }
+  return rule;
+}
+function mergeRuleMaps(productRules, variantRules) {
+  const products = productRules ?? {};
+  if (!variantRules) return products;
+  const keys = Object.keys(variantRules);
+  if (keys.length === 0) return products;
+  const merged = { ...products };
+  for (const key of keys) merged[key] = variantRules[key];
+  return merged;
+}
+function defaultPickQuantity(productId, rulesMap, variantId) {
+  return ruleFor(productId, rulesMap, variantId).min;
 }
 function totalUnits(items) {
   let qty = 0;
@@ -1277,11 +1300,9 @@ function committedQtyForVariant(items, variantId) {
 function isRowAddable(rule, remainingSpots) {
   return rule.min <= remainingSpots;
 }
-function stepperCeiling(rule, remainingSpots, stock, ownQty = 0, productOtherUnits = 0) {
-  const ceiling = Math.min(
-    rule.max - productOtherUnits,
-    ownQty + remainingSpots
-  );
+function stepperCeiling(rule, remainingSpots, stock, ownQty = 0, productOtherUnits = 0, variantMax) {
+  let ceiling = Math.min(rule.max - productOtherUnits, ownQty + remainingSpots);
+  if (typeof variantMax === "number") ceiling = Math.min(ceiling, variantMax);
   return typeof stock === "number" ? Math.min(ceiling, stock) : ceiling;
 }
 
@@ -1360,7 +1381,8 @@ function buildPickerRow(p, rowIndex, ctx) {
   }
   infoDiv.appendChild(titleEl);
   let currentVariant = firstAvailable ?? (p.variants.length > 0 ? p.variants[0] : null);
-  const modalQty = currentVariant ? pRule.min : 1;
+  const ruleForVariant = (v) => ruleFor(p.id, rulesMap, v ? v.id : null);
+  const modalQty = currentVariant ? ruleForVariant(currentVariant).min : 1;
   const priceEl = document.createElement("p");
   priceEl.className = "lb-mix-match__modal-product-price";
   priceEl.setAttribute("data-row-price", "");
@@ -1396,8 +1418,8 @@ function buildPickerRow(p, rowIndex, ctx) {
   infoDiv.appendChild(unitPriceEl);
   let qtyGroup = null;
   let qtyValueEl = null;
-  let current = pRule.min;
-  let effectiveMax = pRule.max;
+  let current = ruleForVariant(currentVariant).min;
+  let effectiveMax = ruleForVariant(currentVariant).max;
   let paint = null;
   let setBoundsForVariant = null;
   if (p.available && ctx.showQtySelector) {
@@ -1419,7 +1441,7 @@ function buildPickerRow(p, rowIndex, ctx) {
     qtyValueEl.className = "lb-mix-match__qty-stepper-value";
     qtyValueEl.setAttribute("data-row-qty", "");
     qtyValueEl.setAttribute("aria-live", "polite");
-    qtyValueEl.textContent = String(pRule.min);
+    qtyValueEl.textContent = String(ruleForVariant(currentVariant).min);
     const qtyPlusBtn = document.createElement("button");
     qtyPlusBtn.type = "button";
     qtyPlusBtn.className = "lb-mix-match__qty-stepper-button lb-mix-match__qty-stepper-button--plus";
@@ -1436,7 +1458,7 @@ function buildPickerRow(p, rowIndex, ctx) {
     paint = () => {
       valueEl.textContent = String(current);
       valueEl.setAttribute("data-qty", String(current));
-      qtyMinusBtn.disabled = stepperDisabled || current <= pRule.min;
+      qtyMinusBtn.disabled = stepperDisabled || current <= ruleForVariant(currentVariant).min;
       qtyPlusBtn.disabled = stepperDisabled || current >= effectiveMax;
     };
     setBoundsForVariant = (variant, alreadyInBundle = 0) => {
@@ -1447,18 +1469,21 @@ function buildPickerRow(p, rowIndex, ctx) {
       const stock = variant ? variant.inventoryQuantity : null;
       const othersInBundle = Math.max(0, alreadyInBundle - ownQty);
       const stockCap = typeof stock === "number" ? Math.max(0, stock - othersInBundle) : void 0;
+      const vMax = variantRuleFor(variantId, rulesMap)?.max;
+      const rMin = ruleForVariant(variant).min;
       effectiveMax = swapUnits > 0 ? typeof stockCap === "number" ? Math.min(swapUnits, stockCap) : swapUnits : stepperCeiling(
         pRule,
         capacity.remainingSpots(),
         stockCap,
         ownQty,
-        otherUnits
+        otherUnits,
+        vMax
       );
-      if (effectiveMax < pRule.min) {
-        current = pRule.min;
+      if (effectiveMax < rMin) {
+        current = rMin;
       } else {
         if (current > effectiveMax) current = effectiveMax;
-        if (current < pRule.min) current = pRule.min;
+        if (current < rMin) current = rMin;
       }
       paint();
     };
@@ -1469,7 +1494,7 @@ function buildPickerRow(p, rowIndex, ctx) {
       }
     };
     qtyMinusBtn.addEventListener("click", () => {
-      if (current > pRule.min) current -= 1;
+      if (current > ruleForVariant(currentVariant).min) current -= 1;
       paint();
       commitQtyToBundle();
     });
@@ -1539,7 +1564,7 @@ function buildPickerRow(p, rowIndex, ctx) {
       }
       currentVariant = v;
       row.setAttribute("data-selected-variant-id", String(v.id));
-      const resolvedQty = pRule.min;
+      const resolvedQty = ruleForVariant(v).min;
       priceSaleEl.textContent = formatMoney(v.price * resolvedQty);
       paintRowCompare(priceCompareEl, v, resolvedQty);
       if (v.unitPrice) {
@@ -1641,17 +1666,19 @@ function buildPickerRow(p, rowIndex, ctx) {
     if (setBoundsForVariant) {
       const committed = capacity.ownQty(variant.id);
       if (committed > 0) current = committed;
-      else if (lastVariantId !== variant.id) current = pRule.min;
+      else if (lastVariantId !== variant.id)
+        current = ruleForVariant(variant).min;
       lastVariantId = variant.id;
       setBoundsForVariant(variant, already);
     }
     const rowSwapUnits = capacity.swapUnits(p.id, variant.id);
-    const inSwapState = rowSwapUnits >= pRule.min;
+    const vRule = ruleForVariant(variant);
+    const inSwapState = rowSwapUnits >= vRule.min;
     const remaining = capacity.remainingSpots();
-    const needsMoreSpots = !inBundle && !inSwapState && !isRowAddable(pRule, remaining);
+    const needsMoreSpots = !inBundle && !inSwapState && !isRowAddable(vRule, remaining);
     if (needsSpotsEl) {
       if (needsMoreSpots && remaining > 0) {
-        needsSpotsEl.textContent = formatNeedsSpots(pRule.min, t);
+        needsSpotsEl.textContent = formatNeedsSpots(vRule.min, t);
         needsSpotsEl.hidden = false;
       } else {
         needsSpotsEl.hidden = true;
@@ -1688,11 +1715,11 @@ function buildPickerRow(p, rowIndex, ctx) {
         addBtn.classList.remove("lb-mix-match__modal-add--required");
         row.classList.remove("lb-mix-match__modal-product--in-bundle");
         addedBadge.hidden = true;
-        const noStock = typeof stock === "number" ? Math.max(0, stock - already) < pRule.min : false;
+        const noStock = typeof stock === "number" ? Math.max(0, stock - already) < vRule.min : false;
         if (inSwapState) {
           addBtn.disabled = noStock;
         } else {
-          const productMaxed = pRule.max - capacity.productUnitsElsewhere(p.id, variant.id) < pRule.min;
+          const productMaxed = pRule.max - capacity.productUnitsElsewhere(p.id, variant.id) < vRule.min;
           addBtn.disabled = noStock || productMaxed || needsMoreSpots || capacity.isFull();
         }
       }
@@ -1844,7 +1871,7 @@ function createPickerModal(deps) {
         rowQtyEl.getAttribute("data-qty") || rowQtyEl.textContent || "",
         10
       ) || 1
-    ) : defaultPickQuantity(prod.id, deps.rulesMap);
+    ) : defaultPickQuantity(prod.id, deps.rulesMap, selectedVariant.id);
     const newItem = {
       productId: prod.id,
       variantId: selectedVariant.id,
@@ -2053,6 +2080,7 @@ function productUnitsInOtherSlots(items, productId, excludeVariantId) {
   return qty;
 }
 function canRemovePick(items, item, rulesMap) {
+  if (variantRuleFor(item.variantId, rulesMap)?.required) return false;
   const rule = ruleFor(item.productId, rulesMap);
   if (!rule.required) return true;
   let unitsElsewhere = 0;
@@ -2317,8 +2345,17 @@ function seedSelection(eligibleProducts, rulesMap, requiredQty, courtesy) {
   });
   const required = [];
   for (const p of eligibleProducts) {
+    if (!p.available || !p.variants) continue;
+    let seededVariant = false;
+    for (const v3 of p.variants) {
+      const vRule = variantRuleFor(v3.id, rulesMap);
+      if (!vRule?.required || !v3.available) continue;
+      required.push(pick(p, v3, Math.max(1, vRule.min)));
+      seededVariant = true;
+    }
+    if (seededVariant) continue;
     const rule = ruleFor(p.id, rulesMap);
-    if (!rule.required || !p.available || !p.variants) continue;
+    if (!rule.required) continue;
     const v2 = firstAvailable(p);
     if (!v2) continue;
     required.push(pick(p, v2, Math.max(1, rule.min)));
@@ -2523,7 +2560,7 @@ function renderMixMatchBundle(container, bundle, outOfStockBehavior, onAddToCart
   const wc = bundle.widgetConfig;
   const t = DEFAULT_STRINGS;
   const requiredQty = bundle.minQuantity || 1;
-  const rulesMap = bundle.productRules ?? {};
+  const rulesMap = mergeRuleMaps(bundle.productRules, bundle.variantRules);
   const adapted = adaptProducts(bundle);
   const eligibleProducts = adapted.map((p) => ({
     id: Number(p.productId),
@@ -2644,7 +2681,9 @@ function renderMixMatchBundle(container, bundle, outOfStockBehavior, onAddToCart
     onSelectionChanged: updateAll,
     addSelection: (item) => {
       if (totalUnits(selectedItems) + (item.quantity || 1) > requiredQty) return;
-      const headroom = ruleFor(item.productId, rulesMap).max - productUnitsInOtherSlots(selectedItems, item.productId, item.variantId);
+      const vMax = variantRuleFor(item.variantId, rulesMap)?.max;
+      let headroom = ruleFor(item.productId, rulesMap).max - productUnitsInOtherSlots(selectedItems, item.productId, item.variantId);
+      if (typeof vMax === "number") headroom = Math.min(headroom, vMax);
       if ((item.quantity || 1) > headroom) return;
       selectedItems.push(item);
       updateAll();
@@ -3104,6 +3143,7 @@ function allSatisfied(selections, steps) {
   return true;
 }
 function canRemovePick2(selections, item, rulesMap) {
+  if (variantRuleFor(item.variantId, rulesMap)?.required) return false;
   const rule = ruleFor(item.productId, rulesMap);
   if (!rule.required) return true;
   let unitsElsewhere = 0;
@@ -3456,7 +3496,7 @@ function createWizard(deps) {
         rowQtyEl.getAttribute("data-qty") || rowQtyEl.textContent || "",
         10
       ) || 1
-    ) : defaultPickQuantity(prod.id, deps.rulesMap);
+    ) : defaultPickQuantity(prod.id, deps.rulesMap, selectedVariant.id);
     const newItem = {
       productId: prod.id,
       variantId: selectedVariant.id,
@@ -3676,7 +3716,7 @@ function createWizard(deps) {
 function renderMultiStepBundle(container, bundle, outOfStockBehavior, onAddToCart, onCleanup) {
   const wc = bundle.widgetConfig;
   const t = DEFAULT_STRINGS;
-  const rulesMap = bundle.productRules ?? {};
+  const rulesMap = mergeRuleMaps(bundle.productRules, bundle.variantRules);
   const steps = bundle.steps ?? [];
   if (!steps.length) return;
   const quantities = {
@@ -4196,7 +4236,10 @@ a.lb-bundle-product-name:focus-visible {
    toggle: present in admin \u2192 shown; absent \u2192 hidden. Styled as muted
    secondary text beneath the price row so it doesn't compete visually. */
 .lb-bundle-product-unit-price {
-  display: block;
+  /* Fallback is the "on" branch; Liquid sets 'none' when the merchant disables
+     productList.showUnitPrice. The [hidden] rule below still wins for rows
+     whose variant has no unit price at all. */
+  display: var(--lb-product-unit-price-display, block);
   font-size: 12px;
   line-height: 16px;
   color: color-mix(in srgb, var(--lb-text) 60%, transparent);
@@ -4375,6 +4418,10 @@ a.lb-bundle-product-name:focus-visible {
    cards). Quiet, theme-inherited; the fixed widget uses .lb-bundle-qty-chip in
    the card's right slot instead. */
 .lb-bundle-qty-inline {
+  /* Fallback is the "on" branch; Liquid sets 'none' when the merchant disables
+     productList.showQuantity. The fixed widget's chip carries its own var
+     because it is a flex box, not inline text. */
+  display: var(--lb-product-qty-inline-display, inline);
   font-size: 13px;
   font-weight: 400;
   color: color-mix(in srgb, var(--lb-text) 55%, transparent);
@@ -4607,6 +4654,10 @@ a.lb-bundle-product-name:focus-visible {
 .lb-bundle-thumbnail[style*="--lb-row-thumb-ratio"] {
   aspect-ratio: var(--lb-row-thumb-ratio);
 }
+/* This selector outranks the \`.lb-bundle-thumbnail\` rule above, so Liquid must
+   emit the inline var for the "original" ratio and nothing else. Emitting it
+   unconditionally silently replaced every merchant ratio with the image's own,
+   which looks like the setting being ignored. */
 `;
 var BUNDLE_FIXED_CSS = `/* Lime Bundles \u2014 Fixed bundle styles */
 
@@ -4656,7 +4707,10 @@ var BUNDLE_FIXED_CSS = `/* Lime Bundles \u2014 Fixed bundle styles */
   min-width: 34px;
   height: 28px;
   padding: 0 8px;
-  display: inline-flex;
+  /* Fallback is the "on" branch; Liquid sets 'none' when the merchant disables
+     productList.showQuantity. Separate from --lb-product-qty-inline-display
+     because this chip is a flex box and the other counts are inline text. */
+  display: var(--lb-product-qty-chip-display, inline-flex);
   align-items: center;
   justify-content: center;
   border-radius: var(--lb-radius-sm);
@@ -6698,7 +6752,7 @@ var LimeBundleElement = class extends HTMLElement {
       const parsed = (0, import_core5.parseMetaobjectBundle)(ref.id, ref.fields);
       if (parsed && !this.isMarketHidden(parsed)) bundles.push(parsed);
     }
-    this.bundles = bundles;
+    this.bundles = (0, import_core5.resolveAbTests)(bundles, (0, import_core5.getVisitorId)());
   }
   /**
    * Dispatch add-to-cart with a cancelable event, then — unless a listener

package/dist/index.js

@@ -16,7 +16,9 @@ import {
   withInContext,
   isVisibleInMarket,
   parseOutOfStockBehavior,
-  DEFAULT_OUT_OF_STOCK_BEHAVIOR
+  DEFAULT_OUT_OF_STOCK_BEHAVIOR,
+  getVisitorId,
+  resolveAbTests
 } from "@lime-bundles/core";
 
 // ../render/src/adapt.ts
@@ -1244,15 +1246,38 @@ function formatSubtitle(remaining, discountType, discountValue, t) {
 
 // ../render/src/picker/rules.ts
 var DEFAULT_RULE = { min: 1, max: 99 };
-function ruleFor(productId, rulesMap) {
+function ruleFor(productId, rulesMap, variantId) {
+  if (variantId != null) {
+    const vRule = rulesMap["gid://shopify/ProductVariant/" + variantId];
+    if (vRule && typeof vRule.min === "number" && typeof vRule.max === "number") {
+      return vRule;
+    }
+  }
   const rule = rulesMap["gid://shopify/Product/" + productId];
   if (!rule || typeof rule.min !== "number" || typeof rule.max !== "number") {
     return DEFAULT_RULE;
   }
   return rule;
 }
-function defaultPickQuantity(productId, rulesMap) {
-  return ruleFor(productId, rulesMap).min;
+function variantRuleFor(variantId, rulesMap) {
+  if (variantId == null) return void 0;
+  const rule = rulesMap["gid://shopify/ProductVariant/" + variantId];
+  if (!rule || typeof rule.min !== "number" || typeof rule.max !== "number") {
+    return void 0;
+  }
+  return rule;
+}
+function mergeRuleMaps(productRules, variantRules) {
+  const products = productRules ?? {};
+  if (!variantRules) return products;
+  const keys = Object.keys(variantRules);
+  if (keys.length === 0) return products;
+  const merged = { ...products };
+  for (const key of keys) merged[key] = variantRules[key];
+  return merged;
+}
+function defaultPickQuantity(productId, rulesMap, variantId) {
+  return ruleFor(productId, rulesMap, variantId).min;
 }
 function totalUnits(items) {
   let qty = 0;
@@ -1272,11 +1297,9 @@ function committedQtyForVariant(items, variantId) {
 function isRowAddable(rule, remainingSpots) {
   return rule.min <= remainingSpots;
 }
-function stepperCeiling(rule, remainingSpots, stock, ownQty = 0, productOtherUnits = 0) {
-  const ceiling = Math.min(
-    rule.max - productOtherUnits,
-    ownQty + remainingSpots
-  );
+function stepperCeiling(rule, remainingSpots, stock, ownQty = 0, productOtherUnits = 0, variantMax) {
+  let ceiling = Math.min(rule.max - productOtherUnits, ownQty + remainingSpots);
+  if (typeof variantMax === "number") ceiling = Math.min(ceiling, variantMax);
   return typeof stock === "number" ? Math.min(ceiling, stock) : ceiling;
 }
 
@@ -1355,7 +1378,8 @@ function buildPickerRow(p, rowIndex, ctx) {
   }
   infoDiv.appendChild(titleEl);
   let currentVariant = firstAvailable ?? (p.variants.length > 0 ? p.variants[0] : null);
-  const modalQty = currentVariant ? pRule.min : 1;
+  const ruleForVariant = (v) => ruleFor(p.id, rulesMap, v ? v.id : null);
+  const modalQty = currentVariant ? ruleForVariant(currentVariant).min : 1;
   const priceEl = document.createElement("p");
   priceEl.className = "lb-mix-match__modal-product-price";
   priceEl.setAttribute("data-row-price", "");
@@ -1391,8 +1415,8 @@ function buildPickerRow(p, rowIndex, ctx) {
   infoDiv.appendChild(unitPriceEl);
   let qtyGroup = null;
   let qtyValueEl = null;
-  let current = pRule.min;
-  let effectiveMax = pRule.max;
+  let current = ruleForVariant(currentVariant).min;
+  let effectiveMax = ruleForVariant(currentVariant).max;
   let paint = null;
   let setBoundsForVariant = null;
   if (p.available && ctx.showQtySelector) {
@@ -1414,7 +1438,7 @@ function buildPickerRow(p, rowIndex, ctx) {
     qtyValueEl.className = "lb-mix-match__qty-stepper-value";
     qtyValueEl.setAttribute("data-row-qty", "");
     qtyValueEl.setAttribute("aria-live", "polite");
-    qtyValueEl.textContent = String(pRule.min);
+    qtyValueEl.textContent = String(ruleForVariant(currentVariant).min);
     const qtyPlusBtn = document.createElement("button");
     qtyPlusBtn.type = "button";
     qtyPlusBtn.className = "lb-mix-match__qty-stepper-button lb-mix-match__qty-stepper-button--plus";
@@ -1431,7 +1455,7 @@ function buildPickerRow(p, rowIndex, ctx) {
     paint = () => {
       valueEl.textContent = String(current);
       valueEl.setAttribute("data-qty", String(current));
-      qtyMinusBtn.disabled = stepperDisabled || current <= pRule.min;
+      qtyMinusBtn.disabled = stepperDisabled || current <= ruleForVariant(currentVariant).min;
       qtyPlusBtn.disabled = stepperDisabled || current >= effectiveMax;
     };
     setBoundsForVariant = (variant, alreadyInBundle = 0) => {
@@ -1442,18 +1466,21 @@ function buildPickerRow(p, rowIndex, ctx) {
       const stock = variant ? variant.inventoryQuantity : null;
       const othersInBundle = Math.max(0, alreadyInBundle - ownQty);
       const stockCap = typeof stock === "number" ? Math.max(0, stock - othersInBundle) : void 0;
+      const vMax = variantRuleFor(variantId, rulesMap)?.max;
+      const rMin = ruleForVariant(variant).min;
       effectiveMax = swapUnits > 0 ? typeof stockCap === "number" ? Math.min(swapUnits, stockCap) : swapUnits : stepperCeiling(
         pRule,
         capacity.remainingSpots(),
         stockCap,
         ownQty,
-        otherUnits
+        otherUnits,
+        vMax
       );
-      if (effectiveMax < pRule.min) {
-        current = pRule.min;
+      if (effectiveMax < rMin) {
+        current = rMin;
       } else {
         if (current > effectiveMax) current = effectiveMax;
-        if (current < pRule.min) current = pRule.min;
+        if (current < rMin) current = rMin;
       }
       paint();
     };
@@ -1464,7 +1491,7 @@ function buildPickerRow(p, rowIndex, ctx) {
       }
     };
     qtyMinusBtn.addEventListener("click", () => {
-      if (current > pRule.min) current -= 1;
+      if (current > ruleForVariant(currentVariant).min) current -= 1;
       paint();
       commitQtyToBundle();
     });
@@ -1534,7 +1561,7 @@ function buildPickerRow(p, rowIndex, ctx) {
       }
       currentVariant = v;
       row.setAttribute("data-selected-variant-id", String(v.id));
-      const resolvedQty = pRule.min;
+      const resolvedQty = ruleForVariant(v).min;
       priceSaleEl.textContent = formatMoney(v.price * resolvedQty);
       paintRowCompare(priceCompareEl, v, resolvedQty);
       if (v.unitPrice) {
@@ -1636,17 +1663,19 @@ function buildPickerRow(p, rowIndex, ctx) {
     if (setBoundsForVariant) {
       const committed = capacity.ownQty(variant.id);
       if (committed > 0) current = committed;
-      else if (lastVariantId !== variant.id) current = pRule.min;
+      else if (lastVariantId !== variant.id)
+        current = ruleForVariant(variant).min;
       lastVariantId = variant.id;
       setBoundsForVariant(variant, already);
     }
     const rowSwapUnits = capacity.swapUnits(p.id, variant.id);
-    const inSwapState = rowSwapUnits >= pRule.min;
+    const vRule = ruleForVariant(variant);
+    const inSwapState = rowSwapUnits >= vRule.min;
     const remaining = capacity.remainingSpots();
-    const needsMoreSpots = !inBundle && !inSwapState && !isRowAddable(pRule, remaining);
+    const needsMoreSpots = !inBundle && !inSwapState && !isRowAddable(vRule, remaining);
     if (needsSpotsEl) {
       if (needsMoreSpots && remaining > 0) {
-        needsSpotsEl.textContent = formatNeedsSpots(pRule.min, t);
+        needsSpotsEl.textContent = formatNeedsSpots(vRule.min, t);
         needsSpotsEl.hidden = false;
       } else {
         needsSpotsEl.hidden = true;
@@ -1683,11 +1712,11 @@ function buildPickerRow(p, rowIndex, ctx) {
         addBtn.classList.remove("lb-mix-match__modal-add--required");
         row.classList.remove("lb-mix-match__modal-product--in-bundle");
         addedBadge.hidden = true;
-        const noStock = typeof stock === "number" ? Math.max(0, stock - already) < pRule.min : false;
+        const noStock = typeof stock === "number" ? Math.max(0, stock - already) < vRule.min : false;
         if (inSwapState) {
           addBtn.disabled = noStock;
         } else {
-          const productMaxed = pRule.max - capacity.productUnitsElsewhere(p.id, variant.id) < pRule.min;
+          const productMaxed = pRule.max - capacity.productUnitsElsewhere(p.id, variant.id) < vRule.min;
           addBtn.disabled = noStock || productMaxed || needsMoreSpots || capacity.isFull();
         }
       }
@@ -1839,7 +1868,7 @@ function createPickerModal(deps) {
         rowQtyEl.getAttribute("data-qty") || rowQtyEl.textContent || "",
         10
       ) || 1
-    ) : defaultPickQuantity(prod.id, deps.rulesMap);
+    ) : defaultPickQuantity(prod.id, deps.rulesMap, selectedVariant.id);
     const newItem = {
       productId: prod.id,
       variantId: selectedVariant.id,
@@ -2048,6 +2077,7 @@ function productUnitsInOtherSlots(items, productId, excludeVariantId) {
   return qty;
 }
 function canRemovePick(items, item, rulesMap) {
+  if (variantRuleFor(item.variantId, rulesMap)?.required) return false;
   const rule = ruleFor(item.productId, rulesMap);
   if (!rule.required) return true;
   let unitsElsewhere = 0;
@@ -2312,8 +2342,17 @@ function seedSelection(eligibleProducts, rulesMap, requiredQty, courtesy) {
   });
   const required = [];
   for (const p of eligibleProducts) {
+    if (!p.available || !p.variants) continue;
+    let seededVariant = false;
+    for (const v3 of p.variants) {
+      const vRule = variantRuleFor(v3.id, rulesMap);
+      if (!vRule?.required || !v3.available) continue;
+      required.push(pick(p, v3, Math.max(1, vRule.min)));
+      seededVariant = true;
+    }
+    if (seededVariant) continue;
     const rule = ruleFor(p.id, rulesMap);
-    if (!rule.required || !p.available || !p.variants) continue;
+    if (!rule.required) continue;
     const v2 = firstAvailable(p);
     if (!v2) continue;
     required.push(pick(p, v2, Math.max(1, rule.min)));
@@ -2518,7 +2557,7 @@ function renderMixMatchBundle(container, bundle, outOfStockBehavior, onAddToCart
   const wc = bundle.widgetConfig;
   const t = DEFAULT_STRINGS;
   const requiredQty = bundle.minQuantity || 1;
-  const rulesMap = bundle.productRules ?? {};
+  const rulesMap = mergeRuleMaps(bundle.productRules, bundle.variantRules);
   const adapted = adaptProducts(bundle);
   const eligibleProducts = adapted.map((p) => ({
     id: Number(p.productId),
@@ -2639,7 +2678,9 @@ function renderMixMatchBundle(container, bundle, outOfStockBehavior, onAddToCart
     onSelectionChanged: updateAll,
     addSelection: (item) => {
       if (totalUnits(selectedItems) + (item.quantity || 1) > requiredQty) return;
-      const headroom = ruleFor(item.productId, rulesMap).max - productUnitsInOtherSlots(selectedItems, item.productId, item.variantId);
+      const vMax = variantRuleFor(item.variantId, rulesMap)?.max;
+      let headroom = ruleFor(item.productId, rulesMap).max - productUnitsInOtherSlots(selectedItems, item.productId, item.variantId);
+      if (typeof vMax === "number") headroom = Math.min(headroom, vMax);
       if ((item.quantity || 1) > headroom) return;
       selectedItems.push(item);
       updateAll();
@@ -3102,6 +3143,7 @@ function allSatisfied(selections, steps) {
   return true;
 }
 function canRemovePick2(selections, item, rulesMap) {
+  if (variantRuleFor(item.variantId, rulesMap)?.required) return false;
   const rule = ruleFor(item.productId, rulesMap);
   if (!rule.required) return true;
   let unitsElsewhere = 0;
@@ -3454,7 +3496,7 @@ function createWizard(deps) {
         rowQtyEl.getAttribute("data-qty") || rowQtyEl.textContent || "",
         10
       ) || 1
-    ) : defaultPickQuantity(prod.id, deps.rulesMap);
+    ) : defaultPickQuantity(prod.id, deps.rulesMap, selectedVariant.id);
     const newItem = {
       productId: prod.id,
       variantId: selectedVariant.id,
@@ -3674,7 +3716,7 @@ function createWizard(deps) {
 function renderMultiStepBundle(container, bundle, outOfStockBehavior, onAddToCart, onCleanup) {
   const wc = bundle.widgetConfig;
   const t = DEFAULT_STRINGS;
-  const rulesMap = bundle.productRules ?? {};
+  const rulesMap = mergeRuleMaps(bundle.productRules, bundle.variantRules);
   const steps = bundle.steps ?? [];
   if (!steps.length) return;
   const quantities = {
@@ -4194,7 +4236,10 @@ a.lb-bundle-product-name:focus-visible {
    toggle: present in admin \u2192 shown; absent \u2192 hidden. Styled as muted
    secondary text beneath the price row so it doesn't compete visually. */
 .lb-bundle-product-unit-price {
-  display: block;
+  /* Fallback is the "on" branch; Liquid sets 'none' when the merchant disables
+     productList.showUnitPrice. The [hidden] rule below still wins for rows
+     whose variant has no unit price at all. */
+  display: var(--lb-product-unit-price-display, block);
   font-size: 12px;
   line-height: 16px;
   color: color-mix(in srgb, var(--lb-text) 60%, transparent);
@@ -4373,6 +4418,10 @@ a.lb-bundle-product-name:focus-visible {
    cards). Quiet, theme-inherited; the fixed widget uses .lb-bundle-qty-chip in
    the card's right slot instead. */
 .lb-bundle-qty-inline {
+  /* Fallback is the "on" branch; Liquid sets 'none' when the merchant disables
+     productList.showQuantity. The fixed widget's chip carries its own var
+     because it is a flex box, not inline text. */
+  display: var(--lb-product-qty-inline-display, inline);
   font-size: 13px;
   font-weight: 400;
   color: color-mix(in srgb, var(--lb-text) 55%, transparent);
@@ -4605,6 +4654,10 @@ a.lb-bundle-product-name:focus-visible {
 .lb-bundle-thumbnail[style*="--lb-row-thumb-ratio"] {
   aspect-ratio: var(--lb-row-thumb-ratio);
 }
+/* This selector outranks the \`.lb-bundle-thumbnail\` rule above, so Liquid must
+   emit the inline var for the "original" ratio and nothing else. Emitting it
+   unconditionally silently replaced every merchant ratio with the image's own,
+   which looks like the setting being ignored. */
 `;
 var BUNDLE_FIXED_CSS = `/* Lime Bundles \u2014 Fixed bundle styles */
 
@@ -4654,7 +4707,10 @@ var BUNDLE_FIXED_CSS = `/* Lime Bundles \u2014 Fixed bundle styles */
   min-width: 34px;
   height: 28px;
   padding: 0 8px;
-  display: inline-flex;
+  /* Fallback is the "on" branch; Liquid sets 'none' when the merchant disables
+     productList.showQuantity. Separate from --lb-product-qty-inline-display
+     because this chip is a flex box and the other counts are inline text. */
+  display: var(--lb-product-qty-chip-display, inline-flex);
   align-items: center;
   justify-content: center;
   border-radius: var(--lb-radius-sm);
@@ -6696,7 +6752,7 @@ var LimeBundleElement = class extends HTMLElement {
       const parsed = parseMetaobjectBundle(ref.id, ref.fields);
       if (parsed && !this.isMarketHidden(parsed)) bundles.push(parsed);
     }
-    this.bundles = bundles;
+    this.bundles = resolveAbTests(bundles, getVisitorId());
   }
   /**
    * Dispatch add-to-cart with a cancelable event, then — unless a listener