@lime-bundles/widget 2.2.0 → 2.2.1

package/dist/index.js

@@ -16,6 +16,11 @@ import {
   applyABVariantB
 } from "@lime-bundles/core";
 
+// src/renderers/fixed.ts
+import {
+  resolveBundleQty
+} from "@lime-bundles/core";
+
 // src/renderers/pricing.ts
 import {
   parseCents,
@@ -121,11 +126,7 @@ var PLACEHOLDER_THUMB_SVG = `
 </svg>`;
 function renderFixedBundle(container, bundle, onAddToCart, onCleanup) {
   const wc = bundle.widgetConfig;
-  const qtyFor = (productId, variantId) => {
-    const vq = bundle.variantQuantities[variantId];
-    if (vq !== void 0) return vq;
-    return bundle.productQuantities[productId] ?? 1;
-  };
+  const qtyFor = (productId, variantId) => resolveBundleQty(bundle, productId, variantId);
   const rows = [];
   let oosCount = 0;
   bundle.products.forEach((product, idx) => {
@@ -216,9 +217,7 @@ function buildRowState(bundle, product, productIndex) {
   const eligibleVariants = selectedVariantIds && selectedVariantIds.length > 0 ? available.filter((v) => selectedVariantIds.includes(v.id)) : available;
   const isOos = eligibleVariants.length === 0;
   const selected = eligibleVariants[0] ?? null;
-  const productQty = bundle.productQuantities[product.id] ?? 1;
-  const variantQty = selected ? bundle.variantQuantities[selected.id] : void 0;
-  const qty = variantQty ?? productQty;
+  const qty = selected ? resolveBundleQty(bundle, product.id, selected.id) : 1;
   return { product, eligibleVariants, selected, qty, isOos };
 }
 function renderHeader(bundle, currency) {
@@ -1485,11 +1484,20 @@ var BUNDLE_BASE_CSS = `/* Lime Bundles \u2014 shared base styles for all bundle
   display: none;
 }
 
-/* Adjacent widget spacing \u2014 separates multiple bundles on the same product page */
-.lb-bundle-widget + .lb-bundle-widget {
+/* Sibling widget spacing \u2014 separates multiple bundles on the same product page.
+   Uses \`~\` (general sibling) rather than \`+\` (adjacent) because each Liquid
+   loop iteration emits a {% style %} block before its widget div, so the
+   rendered DOM alternates <style><widget><style><widget>. The \`+\` combinator
+   requires immediate adjacency and would match nothing; \`~\` matches every
+   widget after the first regardless of elements between. Single-widget pages
+   stay unaffected (no prior \`.lb-bundle-widget\` sibling to match against).
+   Only \`margin-top\` \u2014 do NOT override \`padding-top\` here. The gradient header
+   uses \`margin-top: calc(-1 * var(--lb-widget-pad))\` to reach the widget's
+   inner border edge, assuming padding-top == --lb-widget-pad. Changing
+   padding-top on the subsequent widget breaks that math and leaves a visible
+   gap above the header. */
+.lb-bundle-widget ~ .lb-bundle-widget {
   margin-top: 24px;
-  padding-top: 24px;
-  border-top: 1px solid var(--lb-border);
 }
 
 /* Header \u2014 gradient banner with title + savings badge */