@sonordev/site-kit 1.4.3 → 1.4.4

package/dist/{chunk-B5NQTJ2M.js → chunk-BYXMT7IG.js}

@@ -1377,6 +1377,9 @@ var STYLE_BLOCK = `
   grid-template-columns: 1fr 1fr;
   gap: 2.5rem;
   align-items: start;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 1.5rem;
 }
 
 @media (max-width: 768px) {
@@ -1874,7 +1877,7 @@ function VariantSelector({ variants, selected, isClothing, showInventory, onSele
             padding: "0.5rem 1rem",
             borderRadius: "var(--commerce-radius-sm, 8px)",
             border: isSelected ? "2px solid var(--commerce-accent, #2563eb)" : "1px solid var(--commerce-border, #e5e7eb)",
-            backgroundColor: isSelected ? "rgba(37,99,235,0.05)" : "white",
+            backgroundColor: isSelected ? "color-mix(in srgb, var(--commerce-accent, #2563eb) 8%, transparent)" : "var(--commerce-surface, #f9fafb)",
             color: variantOutOfStock ? "var(--commerce-text-muted, #9ca3af)" : "var(--commerce-text, #111827)",
             fontSize: "0.875rem",
             fontWeight: 500,
@@ -1896,7 +1899,7 @@ function VariantSelector({ variants, selected, isClothing, showInventory, onSele
                   height: 8,
                   borderRadius: "50%",
                   backgroundColor: isLow ? "var(--commerce-warning, #d97706)" : "var(--commerce-success, #059669)",
-                  border: "2px solid white"
+                  border: "2px solid var(--commerce-surface, #f9fafb)"
                 },
                 title: isLow ? `Only ${variant.inventory_count} left` : "In stock"
               }
@@ -3496,11 +3499,38 @@ function ProductDetail({
             onSelect: handleVariantChange
           }
         ),
+        product.size_chart?.fit_note && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              marginTop: "0.75rem",
+              padding: "0.625rem 0.875rem",
+              borderRadius: "var(--commerce-radius-sm, 8px)",
+              backgroundColor: "color-mix(in srgb, var(--commerce-warning, #d97706) 10%, transparent)",
+              border: "1px solid color-mix(in srgb, var(--commerce-warning, #d97706) 25%, transparent)",
+              display: "flex",
+              alignItems: "flex-start",
+              gap: "0.5rem",
+              fontSize: "0.8125rem",
+              color: "var(--commerce-warning, #d97706)",
+              fontWeight: 500,
+              lineHeight: 1.4
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0, marginTop: 1 }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }),
+                /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+                /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+              ] }),
+              product.size_chart.fit_note
+            ]
+          }
+        ),
         showSizeChart && product.is_clothing && product.size_chart && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "0.625rem" }, children: /* @__PURE__ */ jsxRuntime.jsx(
           SizeChart,
           {
             chart: product.size_chart,
-            selectedSize: selectedVariant?.options?.["Size"]
+            selectedSize: selectedVariant?.options?.Size || selectedVariant?.name
           }
         ) }),
         showQuantity && !isOutOfStock && !isEvent && !isService && /* @__PURE__ */ jsxRuntime.jsx(
@@ -6592,5 +6622,5 @@ exports.isEventSoldOut = isEventSoldOut;
 exports.registerForEvent = registerForEvent;
 exports.useEventModal = useEventModal;
 exports.validateAddress = validateAddress;
-//# sourceMappingURL=chunk-B5NQTJ2M.js.map
-//# sourceMappingURL=chunk-B5NQTJ2M.js.map
+//# sourceMappingURL=chunk-BYXMT7IG.js.map
+//# sourceMappingURL=chunk-BYXMT7IG.js.map